Quand un bouton est paramétré sur position fixe, il reste collé en bas de l’écran du visiteur et reste en place quand le visiteur scrolle en haut ou en bas d’une page. Utilisez des boutons à position fixe pour générer des conversions, comme inviter des prospects à prendre un rendez-vous, à vous appeler, à acheter des produits, ou toute autre chose à laquelle vous pourriez penser.
Activer la position fixe
Vous pouvez paramétrer des boutons en position fixe sur les modules suivants:
Utiliser le bouton de Planification
Veuillez noter qu’utiliser la fonctionnalité de Planification intégrée à l’Éditeur – et le bouton de Planification – nécessite un abonnement supplémentaire. Contactez votre fournisseur de services numériques pour plus d’informations.
Sur le module, trouvez la case Position fixe dans Graphisme > Bouton > Général. Une fois cochée, vous pouvez épingler le bouton soit en bas à droite, en bas à gauche ou en bas au centre de l’écran.
Quand un bouton a été paramétré en position fixe, il reste collé sur l’écran dans l’Éditeur, en mode prévisualisation, et sur le site internet publié.
Bouton à position fixe sur une seule page
Si vous voulez qu’un bouton à position fixe n’apparaisse que sur une seule page de votre site internet, assurez-vous d’insérer le module dans la partie du corps de page (c’est à dire pas dans l’en-tête ou le pied de page).
Peu importe où il est inséré dans le corps de la page, il s’affichera et collera quoi qu’il en soit. La seule exception est si vous avez ajouté une animation sur le bouton, auquel cas l’animation se déclenchera quand l’HTML du site internet en sera rendu au bouton. Par exemple, si vous avez ajouté un bouton à la cinquième ligne de votre site internet, que vous l’avez paramétré en position fixe et que vous avez ajouté une animation, alors il ne s’affichera pas avant que le visiteur ait atteint la cinquième ligne dans sa fenêtre de navigation.
Conseil d’accessibilité
Alors qu’un bouton fixe s’affiche peu importe où il est inséré sur une page, c’est une bonne idée de prendre en compte l’emplacement du bouton dans le document HTML du site internet, en particulier si vous avez des visiteurs qui comptent sur les technologies d’assistance. Un lecteur d’écran, par exemple, lit le document HTML d’une page internet de haut en bas et annoncera l’existence de votre bouton à position fixe à l’endroit sur la page où il a été inséré.
Aussi, si vous voulez que les lecteurs d’écran annoncent votre bouton à position fixe plus tôt, assurez-vous de l’insérer vers le haut de la page. De la même manière, si vous voulez qu’il soit annoncé plus tard, insérez le bouton vers la fin.
Bouton à position fixe sur toutes les pages
Si vous voulez qu’un bouton à position fixe apparaisse sur toutes vos pages, assurez-vous d’insérer le module dans l’en-tête ou le pied de page du site internet.
Conseil d’accessibilité
Si vous voulez que les technologies d’assistance comme les lecteurs d’écran annoncent le bouton à position fixe plus tôt, assurez-vous de l’insérer dans l’en-tête. De la même manière, si vous voulez qu’il soit annoncé plus tard, insérez le bouton dans le pied de page.
Exemples d’utilisation
Pour vous donner un peu d’inspiration, voici quelques manières d’utiliser des boutons à positions fixes sur des sites internet.
Bouton animé "réserver maintenant"
Orientez de manière subtile les visiteurs vers la prise de rendez-vous en mettant en place une animation sur un bouton de Planification à position fixe.
Comment le mettre en place:
-
Ajoutez un module bouton de Planification dans votre en-tête ou dans la ligne supérieure et cochez Position fixe.
-
Paramétrez la Position du bouton en Bas à gauche ou en Bas à droite.
-
Ajoutez une animation sur le bouton et réglez la vitesse et le délai de déclenchement à votre convenance.
Bannière sur toute la largeur uniquement sur mobile
Transformez un bouton en bannière collante sur toute la largeur afin de faciliter l’engagement des visiteurs sur mobile quand ils naviguent sur votre site internet.
Comment le mettre en place:
- Ajoutez un module bouton et cochez Position fixe.
-
Paramétrez la Largeur du bouton à 100 %.
Forme collante de type blob, uniquement pour icône
Créer une forme blog ne contenant qu’une icône pour encourager les visiteurs à effectuer une action. Elle peut, par exemple, être ajoutée à l’icône du panier d’achat et relier le blob à la page de votre boutique en ligne.
Comment le mettre en place:
- Ajoutez un module bouton et cochez Position fixe.
-
Paramétrez la Position du bouton en Bas à droite ou en Bas à gauche.
-
Supprimez tout texte présent sur le bouton.
-
Liez le bouton à n’importe quelle destination, par exemple une page interne sur votre site internet.
-
Sélectionnez une icône qui correspond à votre cas d’utilisation.