Widget Bouton

Les boutons sont le moyen plus facile d'inciter les visiteurs du site à agir. Ils peuvent les rediriger vers une autre page de votre site ou vers une page d'un autre site Web. Ils permettent également d'ouvrir un popup, un formulaire de contact, une réservation en ligne, une adresse e-mail, etc.

Pour ajouter des boutons :

  1. Dans le panneau de gauche, cliquez sur Widgets.
  2. Cliquez sur le widget Bouton et déposez-le sur votre site.

Pour en savoir plus sur l'ajout de widgets sur votre site, consultez l'article Ajout de widgets.

Éditeur de contenu

Pour accéder à l'éditeur de contenu, effectuez un clic droit sur le widget et sélectionnez Modifier le contenu.

  1. Saisissez le texte que vous souhaitez afficher sur le bouton dans le champ fourni.
  2. Sélectionnez la destination du lien du bouton :
    • Page existante. Cette option redirige le visiteur vers une page existante de votre site Web.
    • URL du site Web. Cette option redirige le visiteur vers une URL spécifique.
      • Les attributs suivants sont disponibles :
        • Ouvrir dans une nouvelle fenêtre.
        • Définir comme "pas de suivi". Demandez aux moteurs de recherche de ne pas associer votre site à la page liée depuis votre site ou de ne pas l'explorer.
        • Définir comme sponsorisé. Ceci permet aux moteurs de recherche de savoir que le lien est le résultat d'une publicité ou d'un placement payant.
        • Définir comme contenu généré par les utilisateurs. Ceci indique aux moteurs de recherche les liens créés par des utilisateurs (par exemple, un lien publié dans un commentaire), qui ne sont pas nécessairement fiables.
    • Popup. Cette option permet d'ouvrir un popup. Vous avez la possibilité de sélectionner l'un des popups figurant dans Pages et popups ou d'en créer un nouveau.
    • Ancre. Cette option redirige le visiteur vers un point d'ancrage sur n'importe quelle page du site.
    • Paiement du forfait d'abonnement. Cette option redirige le visiteur vers la page de paiement d'un forfait d'abonnement. Elle n'apparaît que si la fonctionnalité d'abonnement a été ajoutée au site.
    • Lien StoreFront. Cette option invite l'appareil du visiteur à ouvrir la page de connexion du store, la page du panier ou la page du produit. Elle n'apparaît que si le site dispose d'un store.
    • Adresse e-mail. Cette option invite l'appareil du visiteur à ouvrir un client de messagerie avec une adresse e-mail spécifique.
    • Click to Call. Cette option invite l'appareil du visiteur à composer un numéro de téléphone spécifique.
    • Fichier à télécharger. Cette option invite l'appareil du visiteur à télécharger un fichier spécifique.

Éditeur de design

Pour accéder à l'éditeur de design, faites un clic droit sur le widget et cliquez sur Modifier le design.

Utilisez l'éditeur de conception pour choisir si le bouton hérite du style de bouton principal ou secondaire défini dans le volet Thème. En outre, vous pouvez choisir parmi les différentes présentations de boutons, modifier le style du bouton (largeur, hauteur) et le texte du bouton (police, taille du texte, couleur, format, alignement et direction) et ajuster l'espacement intérieur et extérieur.

Toutes les modifications que vous apportez dans l'éditeur de conception remplaceront les styles définis au niveau du bouton thématique. Si vous devez revenir au style du bouton thématique, cliquez sur Rétablir le style de thème.

Boutons thématiques principaux et secondaires

  • Si des modifications sont apportées au bouton (ce qui remplacera les styles définis au niveau du bouton thématique), une zone d'indicateurs sera toujours présente sur le style du bouton principal ou secondaire.

  • Si vous cliquez sur le style de bouton qui ne contient pas la zone d'indicateurs, le style défini au niveau du bouton thématique est rétabli.

Boutons flottants

Pour rendre un bouton visible en permanence, même lorsqu'un visiteur fait défiler la page, cliquez sur le curseur Flottant. Pour plus d'informations, consultez l'article sur les boutons flottants.

Ajouter un fond au bouton

Vous pouvez ajouter une couleur ou une image de fond à un bouton. Si vous ajoutez un arrière-plan à partir du menu de conception des boutons du thème, vous modifierez l'arrière-plan de tous les boutons. Si en revanche vous ajoutez manuellement un arrière-plan à un seul bouton, cela modifiera l'arrière-plan de ce bouton uniquement.

Pour ajouter un fond à un bouton spécifique, cliquez sur l'onglet Style dans l'éditeur de design, puis faites défiler l'écran jusqu'à la section Fond.

Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce widget (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.

Ajouter des icônes de boutons

Décorez vos boutons grâce à notre collection de polices et d'icônes. Les icônes permettent aux visiteurs d'identifier plus facilement les boutons sans avoir à lire leur étiquette. Elles peuvent être colorées et associées à un texte pour créer des boutons uniques qui attireront l'attention des visiteurs.

Remarque

Une seule mise en page de boutons prend en charge les icônes.

Pour sélectionner les icônes de vos boutons :

  1. Effectuez un clic droit sur le widget Bouton et sélectionnez Modifier le design.
  2. Dans la section Mise en page, cliquez sur le bouton pour ouvrir le menu Sélectionner la mise en page et sélectionnez un style qui prend en charge une icône.
  3. Faites défiler l'écran jusqu'à la section Style. Vérifiez que l'option Afficher l'icône est activée.
  4. Cliquez sur Choisir pour afficher le sélecteur d'icônes.
  5. Cliquez sur une icône pour l'ajouter à votre bouton. Pour trouver plus facilement une icône, saisissez un sujet ou un nom dans le champ de recherche, ou utilisez le menu déroulant.

Pour en savoir plus sur l'ajout de widgets et le design des widgets, consultez les articles Ajout de widgets et Conception des widgets.