Éditeur Wix : Ajouter et configurer un bouton d'icône

Temps de lecture : 6 min
Les boutons d'icône sont un moyen amusant et visuel d'aider les visiteurs à naviguer sur votre site. Pour vous assurer qu'ils savent ce que fait votre bouton d'icône, vous pouvez ajouter une infobulle informative qui apparaît lors du survol.
Configurez le lien sur votre bouton d'icône et personnalisez l'icône qui s'affiche pour chacun de ses états; regular, et en survol.

Étape 1 | Ajouter votre bouton d'icône

Pour commencer, choisissez un bouton d'icône dans le panneau Ajouter et faites-le glisser sur votre page. Il existe de nombreux modèles parmi lesquels choisir, en fonction de l'action et du look souhaité.

Pour ajouter un bouton d'icône à votre site :

  1. Cliquez sur Ajouter sur le côté gauche de l'Éditeur.
  2. Cliquez sur le bouton.
  3. Cliquez sur Boutons d'icône .
  4. Cliquez ou faites glisser le bouton pour l'ajouter à votre page.

Étape 2 | Paramétrer le texte et l'icône de votre bouton d'icône

Configurez ce que vous souhaitez afficher sur votre bouton. Vous pouvez afficher une icône, du texte ou les deux.
Le texte et les icônes affichés sur les boutons doivent contenir un appel à l'action clair et permettre aux visiteurs de savoir vers quoi ils seront dirigés.

Pour paramétrer le texte et l'icône du bouton :

  1. Cliquez sur votre bouton d'icône.
  2. Cliquez sur le bouton Modifier texte et icône.
  3. Cliquez sur Qu'est-ce que le bouton affiche ? et sélectionnez une option dans le menu déroulant :
    • Texte et icône : Affichez à la fois du texte et une icône sur le bouton. Configurez les options suivantes :
      • Que dit-il ? : Saisissez le texte que vous souhaitez afficher sur le bouton.
      • Choisir icône : Cliquez sur l'icône Remplacer pour sélectionner une nouvelle icône pour votre bouton. Vous pouvez choisir parmi les médias gratuits disponibles sur Wix, ou télécharger les vôtres.
    • Icône uniquement : Afficher uniquement une icône sur le bouton. Configurez les options suivantes :
      • Choisir icône : Cliquez sur l'icône Remplacer pour sélectionner une nouvelle icône pour votre bouton. Vous pouvez choisir parmi les médias gratuits disponibles sur Wix, ou télécharger les vôtres.
      • Quel est le texte alternatif ? : Saisissez une description en texte alternatif de l'icône.
    • Texte uniquement : Affichez uniquement le texte sur le bouton. Saisissez le texte que vous souhaitez afficher sur le bouton sous Quel est le texte ? .
    • Rien : Créez un bouton transparent qui n'affiche pas de texte ou d'icône. Saisissez une description alternative du bouton sous Quel est le texte alternatif ? .
Le panneau des paramètres du bouton. Il a été configuré pour afficher à la fois un texte et une icône. Le texte du bouton est

Ajoutez un lien à votre bouton pour diriger les visiteurs de votre site vers l'emplacement souhaité. Vous pouvez créer des liens vers de nombreux emplacements différents, notamment vers une page de votre site, une adresse internet externe, un document ou un e-mail.

Pour ajouter un lien à votre bouton :

  1. Sélectionnez votre bouton d'icône.
  2. Cliquez sur l'icône Lien .
  3. Sélectionnez un type de lien à gauche.
  4. Selon le type de lien que vous avez sélectionné, ajoutez les informations pertinentes.
  5. Cliquez sur Terminer.
Remarque :
Si votre lien URL contient un caractère non pris en charge, le message d'erreur suivant s'affiche: Vérifiez l'URL et réessayez. Pour contourner la validation, utilisez un service de raccourcissement de lien tel que bit.ly ou goo.gl
Le panneau de liens dans l'Éditeur. Un e-mail a été sélectionné comme type de lien et les informations pertinentes ont été saisies.
Suggestion :
En savoir plus sur les [types de liens](href="https://support.wix.com/fr/article/éditeur-wix-ajouter-un-lien-à-un-bouton") que vous pouvez ajouter.

Étape 4 | Personnaliser votre bouton d'icône

Une fois que vous avez ajouté un lien à votre bouton d'icône, personnalisez-le selon vos besoins. Vous pouvez choisir le remplissage de l'arrière-plan, le design du texte et bien plus encore.

Pour personnaliser votre bouton d'icône :

  1. Sélectionnez le bouton.
  2. Cliquez sur l'icône Design .
  3. Sélectionnez un autre design prédéfini ou cliquez sur Personnaliser le design pour ajuster le design existant.
  4. Sous Personnaliser le design , sélectionnez l'état du bouton dans le menu déroulant.
    • Normal : La façon dont le bouton s'affiche avant que les visiteurs n'interagissent avec lui.
    • Survol : La façon dont le bouton s'affiche lorsque les visiteurs le survolent.
5. Cliquez sur l'un des onglets pour personnaliser le design:
Le panneau de design dans l'Éditeur. La vue Normal a été sélectionnée et le curseur survole l'option Remplissages d'arrière-plan

Cela vous a-t-il aidé ?

|