Personnaliser le bouton de recherche de votre site
9 min
Dans cet article
- Personnaliser les paramètres du bouton de recherche
- Modifier la mise en page du bouton de recherche
- Personnaliser le design du bouton de recherche
Wix Recherche du site permet aux visiteurs de rechercher n'importe quoi sur votre site. Cette appli est livrée avec un bouton de recherche entièrement personnalisable, vous permettant d'adapter son apparence et ses fonctionnalités à vos besoins.
Suggestion :
Vous pouvez également personnaliser la page des résultats de recherche où les résultats sont affichés.
Personnaliser les paramètres du bouton de recherche
Personnalisez votre bouton de recherche en modifiant le texte de l'espace réservé (le texte initial affiché avant que les visiteurs ne commencent à taper) et en affinant la réactivité pour contrôler si les résultats apparaissent au fur et à mesure que le visiteur tape ou seulement après qu'il a terminé.
Éditeur Wix
Éditeur Studio
- Cliquez sur le bouton de recherche dans votre Éditeur.
- Cliquez sur l'icône Paramètres
.
- Personnalisez les options suivantes :
- Choisissez ce qui s'affiche : Cliquez sur le menu déroulant et sélectionnez ce qui s'affiche sur votre bouton de recherche :
- Texte et icône : Affichez à la fois le texte et une icône sur votre bouton.
- Texte : Saisissez le texte qui apparaît sur votre bouton.
- Icône : Sélectionnez ou importez l'icône que vous souhaitez afficher.
- Icône uniquement : Affichez uniquement une icône sur votre bouton, sans texte.
- Icône : Sélectionnez ou importez l'icône que vous souhaitez afficher.
- Nom d'accessibilité : Ajoutez un libellé pour les lecteurs d'écran afin de décrire votre bouton.
- Texte uniquement : Affichez uniquement le texte sur votre bouton.
- Texte : Saisissez le texte du bouton.
- Rien : Masquez le texte et l'icône de votre bouton.
- Nom d'accessibilité : Ajoutez un libellé pour les lecteurs d'écran afin de décrire votre bouton.
- Texte et icône : Affichez à la fois le texte et une icône sur votre bouton.
- Choisissez ce qui s'affiche : Cliquez sur le menu déroulant et sélectionnez ce qui s'affiche sur votre bouton de recherche :
Modifier la mise en page du bouton de recherche
Ajustez l'alignement, les marges et la structure globale de votre bouton de recherche pour mieux l'intégrer au design de votre site.
Éditeur Wix
Éditeur Studio
- Cliquez sur le bouton de recherche dans votre Éditeur.
- Cliquez sur l'icône Mise en page
.
- Personnalisez les options suivantes :
- Choisissez ce qui s'affiche : Cliquez sur le menu déroulant et sélectionnez ce qui apparaît sur votre bouton :
- Texte uniquement : Affichez uniquement le texte sur votre bouton.
- Alignement : Sélectionnez la façon d'aligner le texte sur votre bouton : Gauche, Centre ou Droite.
- Texte et icône : Affichez à la fois le texte et une icône sur votre bouton.
- Position de l'icône : Choisissez où placer l'icône par rapport au texte : À gauche, À droite, En bas ou Au-dessus.
- Espacement entre le texte et l'icône : Ajustez la distance entre le texte et l'icône à l'aide du curseur ou de la zone de nombre.
- Alignement : Sélectionnez l'alignement du texte et de l'icône : Gauche, Centre, Droite ou Justifier.
- Icône uniquement : Affichez uniquement une icône sur votre bouton.
- Alignement : Sélectionnez l'alignement de l'icône sur votre bouton : Gauche, Centre ou Droite.
- Texte uniquement : Affichez uniquement le texte sur votre bouton.
- Rien : Masquez le texte et l'icône de votre bouton.
- Choisissez ce qui s'affiche : Cliquez sur le menu déroulant et sélectionnez ce qui apparaît sur votre bouton :
Personnaliser le design du bouton de recherche
Vous pouvez personnaliser le design de votre bouton de recherche pour les états Normal et Survol.
Éditeur Wix
Éditeur Studio
- Cliquez sur le bouton de recherche dans votre Éditeur.
- Cliquez sur l'icône Design
.
- Cliquez sur le menu déroulant État et sélectionnez un état à personnaliser :
- Normal : L’apparence par défaut de votre bouton.
- Survol : L'aspect du bouton lorsqu'un visiteur le survole.
- Cliquez sur les onglets à gauche pour personnaliser différentes parties du bouton :
Remplissages d'arrière-plan
Texte
Bordures
Angles
Ombres
Marge intérieure
Icône
