Les boutons sont le moyen le plus simple d'inciter les visiteurs à l'action. Ils peuvent rediriger les visiteurs vers une autre page de votre site ou vers une page d'un autre site web. Ils peuvent également ouvrir une fenêtre contextuelle, un formulaire de contact, une réservation en ligne, une adresse e-mail, etc.
Pour plus d'informations sur l'ajout de widgets, voir Ajouter des widgets.
Éditeur de contenu
Pour accéder aux Sites Internet Guesty :
- Connectez-vous à votre compte Guesty.
- Dans la barre de navigation supérieure, cliquez sur le sélecteur de mode et sélectionnez le mode Croissance.
- Cliquez sur Distribution.
- Cliquez sur la miniature des Sites Internet Guesty.
- À droite du site Web concerné, cliquez sur Modifier.
Pour accéder à l'éditeur de contenu, faites un clic droit sur le widget et sélectionnez « Modifier le contenu ». Si vous êtes en mode flexible, l'option d'accès à l'éditeur de contenu est disponible dans le menu flottant.
- Tapez le texte que vous souhaitez afficher sur le bouton dans le champ prévu à cet effet.
- Sélectionnez parmi les options suivantes vers lesquelles le bouton renvoie :
Page existante.
Lien de la boutique. Ce lien s'affichera uniquement si le site possède une boutique.
Adresse du site web.
Surgir.
Ancre.
Abonnement. Ceci n'apparaîtra que si le site a ajouté la fonctionnalité d'abonnement.
Article de blog. Cette option ne s'affichera que si le site possède un blog.
Adresse e-mail.
Cliquez pour appeler.
Fichier à télécharger.
Conseil :
Pour plus de détails sur ces options, voir Sélecteur de liens.
Éditeur de conception
Pour accéder à l'éditeur de conception, faites un clic droit sur l'élément, puis cliquez sur « Modifier la conception ». En mode flexible, sélectionnez « Modifier la conception » dans le menu flottant pour ouvrir le panneau de conception.
Utilisez l'éditeur de style pour choisir si le bouton hérite du style principal ou secondaire défini dans le panneau de thème. De plus, vous pouvez choisir entre différentes dispositions de bouton, modifier le style (largeur, hauteur) et le texte (police, taille, couleur, format, alignement et direction), et ajuster l'espacement intérieur et extérieur.
Toute modification apportée dans l'éditeur de design remplacera les styles définis au niveau du bouton du thème. Pour revenir au style du bouton du thème, cliquez sur « Réinitialiser le style du thème ».
Pour plus d'informations sur les options de conception qui ne sont pas spécifiques à ce widget (par exemple, la disposition, le style ou l'espacement), voir Conception de widget.
Boutons de thème principaux et secondaires
Si des modifications sont apportées au bouton (ce qui remplacera les styles définis au niveau du bouton du thème), une case indicatrice sera toujours présente sur le style du bouton principal ou secondaire.
Si le style de bouton qui n'a pas la case indicatrice est cliqué, il réinitialisera le bouton au style défini au niveau du bouton de thème.
Pour plus d'informations sur les boutons de thème, voir Boutons du site.
Boutons flottants
Les boutons flottants vous permettent de les garder visibles en permanence, même lorsque le visiteur fait défiler la page. Utilisez-les 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 :
- Contactez-nous
- S'abonner
- Obtenir un devis
Pour faire flotter un bouton :
Dans le panneau latéral, cliquez sur « Widgets ». Recherchez le widget « Bouton », puis cliquez dessus et faites-le glisser sur le canevas.
Faites un clic droit sur le bouton, puis cliquez sur « Modifier le design ». Le panneau de conception s'ouvre alors à droite de l'écran. Faites défiler jusqu'au panneau « Position ».
Dans l'onglet Style, faites défiler vers le bas et cliquez sur l'option Flottant. Si l'attribut Flottant est désactivé, le bouton apparaît automatiquement sur la première ligne en haut de la page. Cela garantit que votre bouton reste à une position fixe lorsque l'utilisateur fait défiler votre site. Cette modification s'applique à toutes les tailles d'écran ; vous pouvez toutefois la modifier si nécessaire. Une fois la position sélectionnée, vous ne pouvez pas passer de « Fixe » à « Épinglé ». 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. Si vous deviez passer de « Fixe » à « Épinglé », l'éditeur ne saurait pas dans quel conteneur placer le bouton. Pour ce faire, vous devez d'abord revenir à la position par défaut. Le bouton sera alors déplacé vers la première section de la fenêtre d'affichage.
Sélectionnez la position du bouton. Changez la vue de l'appareil pour modifier sa position sur différents appareils. Cette configuration est particulièrement importante si vous avez deux boutons fixes au même emplacement dans la fenêtre d'affichage.
Pour afficher le bouton flottant uniquement sur la page actuelle, activez l'option Afficher uniquement sur cette page.
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 des pages particulières).
Considérations mobiles
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 un bouton flottant ne s'affiche pas sur mobile, vous utilisez peut-être une ancienne mise en page mobile. Pour la mettre à jour, accédez à l'éditeur de design et cliquez sur « Mise en page du site ».