Widget de recherche d'élémenteur gratuit avec barre de recherche et icône Popup
Search est un widget gratuit Master Addons qui ajoute un champ de recherche WordPress à n'importe quelle page, en-tête ou barre latérale d'Elementor Choisissez Formulaire pour une barre de recherche toujours visible avec une icône ou un bouton texte, ou Icône Popup pour une icône de recherche qui ouvre une superposition de recherche plein écran Les visiteurs appuient sur Entrée et voient les résultats sur la page des résultats de recherche normaux de votre thème Il fonctionne avec Elementor gratuit et n'affiche pas les résultats en direct pendant que vous tapez.
Comment ajouter une barre de recherche dans Elementor gratuitement
Vous avez besoin d'Elementor et du plugin gratuit Master Addons de WordPress.org.
- Vérifiez que la recherche est activée ci-dessous Additions maîtresses, widgets.
- Dans l'éditeur Elementor, recherchez les modules complémentaires principaux Recherche widget et faites-le glisser dans votre en-tête, votre barre latérale ou votre section.
- Choisissez Type : Formulaire pour une barre de recherche ou Icône Popup pour une icône.
- Pour Formulaire, choisissez une icône ou un bouton de soumission de texte. Pour Icon Popup, définissez l'espace réservé et la description.
- Stylez le formulaire, la saisie, le bouton et l'icône dans l'onglet Style.
- Publiez, lancez une recherche de test et consultez la page des résultats de recherche de votre thème.
Chaque paramètre est couvert dans le Rechercher les paramètres du widget guide.
Recherchez dans la fenêtre contextuelle de la barre ou de l'icône
Définir Type pour former ou icône Popup. Avec forme, Soumettre le type de bouton est une Icône ou un Bouton avec votre propre Texte de Bouton Avec Icon Popup, le widget affiche juste l'icône, et en cliquant dessus ouvre un grand champ de recherche sur la page. Paramètres contextuels laissez-vous définir l'espace réservé Input Text et une ligne Description telle que “Hit enter pour rechercher ou cliquez sur X pour fermer”.
- Choisissez n'importe quelle icône dans la bibliothèque d'icônes Elementor.
- La recherche va sur WordPress, donc les résultats utilisent le modèle de recherche de votre thème.
- Utilisez un formulaire dans une barre latérale ou une page 404 et la fenêtre contextuelle dans un en-tête encombré.
Formulaire, entrée et style de bouton
Le Formulaire la section de style définit la couleur d'arrière-plan, la largeur, la marge, le remplissage, la bordure et le rayon de bordure, ainsi que la typographie et la couleur du texte. Les options d'entrée couvrent la largeur, la marge, le remplissage, la couleur d'arrière-plan d'entrée, la bordure et le Bouton la section définit la couleur d'arrière-plan, la couleur, le remplissage, la marge et la typographie pour le contrôle de soumission.
- Une barre de recherche de pilules arrondie avec un bouton coloré.
- Une entrée sans frontière sur une section de héros sombre.
- Il n'y a pas de paramètres de mise au point ou de couleur de survol séparés, alors ajoutez des CSS personnalisés si vous en avez besoin.
Recherchez le style des icônes
Le Icône la section de style définit la taille de l'icône, la couleur de l'icône, la bordure, le remplissage d'icônes et la marge d'icône. Cela stylise l'icône de déclenchement de la fenêtre contextuelle d'icône et le bouton d'icône en mode Formulaire.
- Faites correspondre la couleur de l'icône à vos liens de menu dans un en-tête.
- Ajoutez une bordure et un remplissage pour un bouton d'icône ronde.
- Gardez la description contextuelle courte pour qu'elle se lise bien sur les téléphones.
Recherche Elementor Pro vs Recherche Master Addons
Elementor Pro possède son propre widget de recherche avec des résultats en direct Voici comment se compare le widget gratuit Master Addons.
| Caractéristique | Recherche Elementor Pro | Recherche principale d'addons |
|---|---|---|
| Prix | Besoins d'Elementor Pro | Gratuit |
| Dispositions | Entrée de recherche avec bouton de soumission facultatif | Formulaire ou Icon Popup qui ouvre une recherche plein écran |
| Résultats en direct pendant la saisie | Oui, en utilisant un modèle de boucle | Non |
| Contrôle des requêtes | Inclure ou exclure par terme, auteur et date | Recherche WordPress standard |
| Page résultats | Panneau de résultats en direct ou page de résultats de recherche | Page des résultats de recherche de votre thème |
| Style | Couleurs normales et en vol stationnaire, durée de transition | Formulaire, entrée, couleurs des boutons et des icônes, bordures et espacement |
Elementor Pro est le meilleur choix si vous avez besoin de résultats en direct ou de contrôle sur les publications recherchées. Master Addons Search est un moyen gratuit d'ajouter une barre de recherche stylisée ou une fenêtre contextuelle d'en-tête sur Elementor gratuit. Pour un panneau d'en-tête coulissant, voir Contenu hors toile (Pro).
Foire aux questions pour la recherche
Le widget Master Addons Search est-il gratuit ?
Oui. Search fait partie du plugin gratuit Master Addons et fonctionne avec Elementor gratuit, vous n'avez donc pas besoin d'Elementor Pro pour une barre de recherche stylisée.
Affiche-t-il les résultats de recherche en direct au fur et à mesure que vous tapez ?
Non, il se soumet à la recherche WordPress standard, et les résultats s'affichent sur le modèle de résultats de recherche de votre thème Pour les résultats en direct, le widget de recherche d'Elementor Pro est l'option.
Puis-je rechercher uniquement des produits ou un type de publication ?
Pas à partir des paramètres du widget Il utilise la recherche WordPress par défaut, qui couvre les publications et pages publiques Votre thème, WooCommerce ou un plugin de recherche décide ce que les résultats incluent.
Puis-je utiliser un formulaire dans la barre latérale et une fenêtre contextuelle d'icône dans l'en-tête ?
Oui, vous pouvez ajouter le widget à plusieurs endroits avec des paramètres différents Testez les pages où vous utilisez plus d'une Icon Popup, puisque chaque popup a besoin de son propre déclencheur pour s'ouvrir.
Widgets et extensions d'éléments tendance
Construisez des sites Web sophistiqués en moins de temps.
Glassmorphisme
Extras de conteneurs
Modèles
![Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Duplicateur de messages/pages
