Les boutons constituent le moyen le plus simple d'inciter les visiteurs du site à agir. Les boutons peuvent diriger les visiteurs vers une autre page de votre site ou vers une page d'un autre site Web. Les boutons peuvent également ouvrir une fenêtre contextuelle, un formulaire de contact, une réservation en ligne, une adresse e-mail, etc.
-
Tapez le texte que vous souhaitez afficher sur le bouton dans le champ prévu à cet effet.
-
Sélectionnez l'une des options suivantes vers lesquelles le bouton renvoie :
-
Page existante.
-
Lien vers la boutique. Cela ne s'affichera que si le site possède une boutique.
-
Adresse du site.
-
Fenêtre contextuelle.
-
ancre.
-
Retour en haut.
-
Paiement du plan d'adhésion. Cela ne s'affichera que si le site a ajouté la fonction d'adhésion.
-
Article de blog. Cette option ne s'affiche que si le site possède un blog.
-
Adresse e-mail.
-
Cliquez pour appeler.
-
Fichier à télécharger.
-
Astuce
Pour plus de détails sur ces options, voir Sélecteur de liens.
Utilisez l'éditeur de conception pour sélectionner si le bouton hérite du style de bouton principal ou secondaire défini dans le panneau de thème. En outre, vous pouvez choisir entre les différentes dispositions des boutons, modifier le style des boutons (largeur, hauteur) et le texte des boutons (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 du thème. Si vous souhaitez revenir au style du bouton du thème, Rétablir le style du thème.
-
Si des modifications sont apportées au bouton (qui remplaceront les styles définis au niveau du bouton thématique), une boîte d'indication sera toujours présente sur le style du bouton principal ou secondaire.
-
Si vous cliquez sur le style de bouton qui n'a pas de boîte d'indicateur, le style défini au niveau du bouton de thème sera réinitialisé.
Note
Pour plus d'informations sur les boutons thématiques, voir Boutons du site.
Les boutons flottants vous permettent de garder un bouton visible à tout moment, même lorsqu'un visiteur fait défiler la page vers le bas. Utilisez les boutons flottants pour que les appels à l'action importants restent fixes, visibles et cliquables sur toutes les pages du site
Les cas d'utilisation idéaux incluent :
-
Nous contacter
-
Souscrire
-
Obtenir un devis
Pour faire flotter un bouton dans l'éditeur classique ou corrigé dans l'éditeur 2.0:
-
Recherchez le Bouton widget, puis cliquez dessus et faites-le glisser sur le canevas.
-
Cliquez avec le bouton droit sur le bouton, puis cliquez sur Modifier le design. Si vous êtes dans Editor 2:0 : Cliquez sur le bouton pour ouvrir le menu flottant, puis sélectionnez Modifier le design. Cela ouvre le panneau de conception. Faites défiler l'écran vers le bas jusqu'à Poste section.
-
Sur le Style onglet, faites défiler l'écran vers le bas, puis cliquez sur Flottant basculer. Si l'attribut flottant est désactivé, le bouton apparaît automatiquement dans la première ligne en haut de la page.
Si vous utilisez Editor 2.0 : Cliquez pour agrandirType de postemenu et sélectionnezFixé. Cela garantit que votre bouton reste dans une position fixe lorsque l'utilisateur fait défiler votre site. Cette modification s'applique à toutes les tailles d'écran, mais vous pouvez la modifier si nécessaire. Une fois que vous avez sélectionné la position, vous ne pouvez pas passer de Fixe à Épinglée. En effet, lorsque vous sélectionnez Fixe, le bouton est retiré de son conteneur d'origine afin qu'il reste visible à l'écran lorsque l'utilisateur fait défiler la page. Si vous deviez passer de Fixed à Pinned, l'éditeur ne saurait pas dans quel conteneur placer le bouton. Si vous devez changer, vous devez d'abord revenir à la valeur par défaut. Le bouton sera déplacé vers la première section de la fenêtre d'affichage
-
Sélectionnez la position du bouton. Changez d'affichage de l'appareil pour modifier la position sur différents appareils. ISi vous utilisez Editor 2.0,dans leEspacementmenu, utilisez leMargeparamètres pour définir l'emplacement du bouton dans la fenêtre d'affichage. Cette configuration est particulièrement importante si vous avez deux boutons fixes dans la même position de la fenêtre d'affichage
-
Pour afficher le bouton flottant sur la page en cours uniquement, activez Afficher uniquement sur cette page basculer.
Note
Un bouton flottant peut être configuré pour s'afficher sur des pages spécifiques, mais il apparaîtra sur toutes les pages par défaut (il n'existe actuellement aucun moyen de le désactiver uniquement pour certaines pages).
-
Sur mobile, nous suggérons de placer le bouton flottant dans le coin inférieur de l'écran afin que les visiteurs puissent facilement cliquer dessus d'une seule main.
-
Vous pouvez afficher une icône plutôt que du texte sur mobile en choisissant la mise en page qui comporte une icône sur mobile.
-
Si aucun bouton flottant ne s'affiche sur le mobile, vous utilisez peut-être une ancienne mise en page mobile. Pour mettre à jour la mise en page, accédez à l'éditeur de conception, puis cliquez sur Disposition du site.
Les boutons épinglés restent attachés à leur élément parent (colonne ou colonne intérieure) tant que l'élément parent est dans la fenêtre d'affichage. S'il y a plus d'un bouton épinglé dans la même position, le bouton du haut sera le premier bouton
Note
L'option Épingler n'est pas disponible dans les grilles avancées.
Pour activer un bouton épinglé dans Editor 2.0:
-
Recherchez le Bouton widget, puis cliquez dessus et faites-le glisser sur le canevas.
-
Cliquez sur le bouton pour ouvrir le menu flottant, puis sélectionnezModifier le design. Cela ouvre le panneau de conception sur le côté droit de l'écran.
-
Dans le panneau de conception, faites défiler l'écran jusqu'àPostesection.
-
Cliquez pour agrandirPoste tapez le menu et sélectionnezÉpinglé. Cela garantit que votre bouton reste collé à son élément parent (colonne ou colonne intérieure) tant que l'élément parent se trouve dans la fenêtre d'affichage. Cette modification s'applique à toutes les tailles d'écran, mais vous pouvez la modifier si nécessaire
-
Dans la section Position, configurez le décalage du bouton. Le décalage correspond à l'endroit où le bouton sera épinglé lors du défilement avant de quitter la fenêtre d'affichage. Si elles sont définies depuis le bureau, les autres tailles d'écran auront les mêmes valeurs, mais elles peuvent être remplacées par taille d'écran si nécessaire. Si l'en-tête collant est activé, le décalage sera basé sur la hauteur d'en-tête par défaut. Si vous activez un en-tête permanent après avoir défini le décalage, il ne sera pas automatiquement mis à jour et vous devrez revenir en arrière et ajuster manuellement le décalage.
Si, à tout moment, vous déplacez le bouton vers un autre élément parent (colonne ou colonne intérieure), les paramètres du panneau de conception, tels que le décalage, seront conservés.
Une icône indicatrice épinglée apparaîtra à la fois dans le menu flottant et dans le panneau de conception du bouton.