Une Floating Bar (barre flottante) est un type de contenu web qui s'affiche en haut ou en bas de votre page, occupant toute sa largeur. De plus, cette barre reste fixe pendant que les utilisateurs naviguent sur la page.
Dans cet article, vous apprendrez à créer une Floating Bar et à l'insérer sur votre site web avec Connectif.
Temps de mise en œuvre : 15 min.
Difficulté : Faible.
Quand l'utiliser : Lorsque vous souhaitez mettre en avant des informations importantes sans interrompre la navigation de l'utilisateur.
ÉTAPE 1 : Création du contenu web de type Floating Bar
1. Accédez à votre Boutique Connectif.
2. Allez dans "Contenu > Contenu web" et cliquez sur Créer un nouveau contenu.
3. Sélectionnez le type de contenu Floating Bar et attribuez-lui un nom.
4. Dans l'onglet Général, ajustez la couleur de fond et sélectionnez la position de la barre flottante (en haut ou en bas de la page).
5. Dans l'onglet Composants, ajoutez ceux que vous souhaitez et modifiez-les. Par exemple, ajoutez un composant de type Texte pour insérer un message dans votre Floating Bar.
6. (Optionnel). Ajoutez un lien au texte en cliquant sur le bouton Insérer un lien. Vous pouvez également ajouter d'autres éléments, tels que des variables, si vous le souhaitez.
Dans notre exemple, nous ajouterons un lien vers la page des offres.
7. Ajustez les options de style du texte telles que la couleur, la typographie, les marges, etc.
8. Cliquez sur Enregistrer pour sauvegarder les modifications du design de la Floating Bar.
ÉTAPE 2 : Création du workflow pour afficher la Floating Bar
9. Allez dans la section Workflows et cliquez sur Créer un nouveau workflow.
10. Sélectionnez Créer un workflow vierge.
11. Modifiez le nœud "Accueil" pour qu'il se déclenche pour toute votre liste de contacts, existants et nouveaux, comme illustré dans l'image.
12. Ajoutez un nœud de type déclencheur "Lors de la visite de page" et modifiez-le pour choisir sur quelles pages la Floating Bar sera affichée.
Dans notre exemple, la Floating Bar sera affichée sur toutes les pages du site.
13. Ajoutez un nœud de type action "Envoyer un contenu web" et, dans sa configuration, sélectionnez votre Floating Bar. Cliquez sur Suivant .
14. Configurez le moment où le contenu web sera affiché au contact visitant votre page. Par exemple, "Après quelques secondes", pour que la Floating Bar apparaisse 5 secondes après l'arrivée d'un contact sur votre site. Cliquez sur Suivant .
15. Gardez l'option de limitation du nœud activée par défaut pour que la Floating Bar ne soit affichée qu'une seule fois par contact, comme illustré sur l'image.
16. Cliquez sur Appliquer pour enregistrer la configuration du nœud.
17. Enregistrez votre workflow et activez-le pour définir quand il doit démarrer et, éventuellement, quand vous souhaitez qu'il s'arrête, pour que la Floating Bar cesse d'apparaître.
Dans notre exemple, le workflow démarrera automatiquement et s'arrêtera après 7 jours.
Succès !
Votre Floating Bar est intégrée à votre site web.
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de poursuivre avec les articles suivants :
- Types de contenu web dans Connectif, pour découvrir les différents formats que vous pouvez créer et intégrer sur votre site.
- Éditeur de contenu web, pour approfondir vos connaissances sur la création de contenus web.
- Détecter et réagir aux liens web créés en dehors de Connectif, pour identifier et répondre aux clics sur n'importe quel lien de votre site.
- Formulaires intégrés, pour détecter et collecter dans Connectif les formulaires déjà existants sur votre site.