Ajoutez des boutons Sticky et un bouton « Retour au début » à votre site Website Builder
Vous souhaitez améliorer la navigation sur votre site web ? Essayez d'ajouter des boutons Sticky.
Les boutons autocollants sont des boutons qui restent fixés dans une position visible à l'écran lorsque les utilisateurs font défiler votre site. À l'inverse des boutons standard qui se déplacent hors de vue lorsque vous faites défiler une page, les boutons autocollants « collent » à un emplacement spécifique, garantissant ainsi que les actions critiques, telles que « Envoyez-nous un e-mail », « Réservez » ou « Contactez-nous », restent accessibles à tout moment.
Dans le Website Builder, vous pouvez facilement activer les boutons Sticky. Il vous suffit d’accéder à vos paramètres de modèle, d’activer les boutons et de publier votre site. Les boutons et leurs actions liées seront alors visibles sur le côté droit de l’écran de votre site publié.
Vous pouvez également ajouter un bouton « Retour au début » qui ramène instantanément les visiteurs en haut de la page, quelle que soit la distance à laquelle ils ont fait défiler la page.
Dans cet article, vous trouverez des instructions étape par étape pour ajouter ces boutons à votre site.
- Étape 1 - Ajoutez vos coordonnées dans les paramètres de votre site web
- Étape 2 - Accédez aux paramètres de modèle de votre Website Builder
- Étape 3 - Activer les boutons autocollants
- Étape 4 - Modifier l’apparence de vos boutons Sticky (facultatif)
- Étape 5 - Activez le bouton Retour en haut
- Étape 6 - Enregistrer et publier
Étape 1 - Ajoutez vos coordonnées dans les paramètres de votre site Web
Avant d'ajouter les boutons à votre site, veuillez vous assurer d'avoir ajouté toutes vos coordonnées principales aux paramètres de votre site Web. Les boutons récupéreront les informations nécessaires à partir de là, donc si vous souhaitez utiliser vos coordonnées principales et qu'une information est manquante, le bouton correspondant ne fonctionnera pas correctement.
- Allez dans le menu avec les deux lignes horizontales dans le coin supérieur droit de l'éditeur.
- Cliquez sur Paramètres dans le menu déroulant.
- Entrez votre numéro de téléphone, votre adresse e-mail et votre emplacement (adresse) si vous voulez utiliser tous les boutons. Si vous souhaitez créer un lien vers une page de réservation, mais que vous n’en avez pas encore ajouté, vous devrez l’activer à l’aide de la vignette Réservations dans le menu de gauche.
- Cliquez sur Terminé.
Étape 2 - Accédez aux paramètres de modèle de votre Website Builder
- Accédez à Paramètres de modèle dans le coin inférieur droit de l'éditeur.
- Cliquez sur Boutons autocollants dans le menu flottant qui apparaît.
Étape 3 - Activez les boutons autocollants
- Faites glisser les boutons Afficher autocollants pour activer les boutons.
- Tous les boutons contenant des informations seront affichés par défaut. Si vous souhaitez exclure un bouton de votre site, cliquez sur l'icône à trois points et sélectionnez Masquer. Le bouton ne s'affichera pas non plus si vous n'avez pas ajouté d'informations à son sujet dans les paramètres de votre site Web.
- Pour modifier le texte du bouton, cliquez sur l’icône à trois points et sélectionnez Modifier. Vous verrez alors un champ de texte où vous pourrez modifier le texte du bouton.
- Si vous souhaitez utiliser différentes informations pour un bouton, comme un numéro de téléphone personnalisé plutôt que celui des paramètres de votre site Web, vous pouvez également les ajouter. Cliquez sur l'icône à trois points à côté d'un bouton et sélectionnez Modifier. Choisissez ensuite l'option Personnalisée dans la fenêtre suivante et entrez les informations souhaitées.
- Les boutons seront affichés verticalement sur le côté droit de votre site Web. Si vous souhaitez modifier l'ordre dans lequel ils apparaissent, vous pouvez faire glisser et déposer les boutons dans le menu flottant.
Une fois ajoutés, les boutons n'apparaîtront plus dans l'éditeur. Cependant, vous pouvez les voir en action dans l'aperçu.
Étape 4 - Modifiez l'apparence de vos boutons Sticky (facultatif)
Vous pouvez également modifier la position et le style de vos boutons Sticky.
- Cliquez sur l'onglet Apparence dans le menu flottant.
- Sélectionnez la position des boutons (haut à droite, centre à droite, bas à droite).
- Sélectionnez le style de vos boutons. Les options varient selon que vous utilisez ou non un thème de couleur sur votre site.
- Faites glisser le bouton Inclure le texte sur si vous souhaitez que le texte du bouton s'affiche dans le cadre de l'icône lorsque les visiteurs survolent un bouton.
Étape 5 - Activez le bouton Retour en haut
Vous pouvez activer le bouton Retour en haut au même endroit que les boutons Sticky.
- Allez dans les paramètres de modèle en bas à droite de l'éditeur.
- Sélectionnez Retour au début dans le menu flottant.
- Faites glisser le bouton Ajouter haut de page sur .
- Choisissez le style que vous souhaitez utiliser pour le bouton.
- Accédez à l’Aperçu pour voir le bouton en action. Si vous faites défiler la page un peu vers le bas, il apparaîtra dans le coin inférieur droit sous la forme d’un bouton rond avec une flèche vers le haut à l’intérieur.
Il n'est pas possible d'ajouter du texte au bouton ou de modifier la position du bouton Retour en haut.
Étape 6 - Enregistrer et publier
Enregistrez et publiez votre site pour que les boutons apparaissent sur votre site web en ligne.
Articles liés :