Une bannière est une large barre pour vos propres pages web : un titre à gauche, un bouton à droite. Les visiteurs cliquent sur le bouton et choisissent leur application de calendrier. Elle prend peu de place et s'insère donc au-dessus d'un article, dans un pied de page ou en travers d'une page d'atterrissage.
Avant de commencer
Les Growth Tools font partie des Événements. Si les Événements sont désactivés dans votre espace, activez-les sous Paramètres > Fonctionnalités.
Votre rôle a besoin de Créer des événements pour ajouter une bannière et de Mettre à jour les événements pour l'ouvrir et la modifier. La suppression exige Supprimer les événements. Les rôles se définissent sous Paramètres > Équipe et rôles.
Il vous faut aussi au moins un calendrier ou un événement à associer.
Créer la bannière
Ouvrez Événements > Outils de croissance, cliquez sur Nouvel outil de croissance et choisissez Bannière dans Choisissez le type d'outil de croissance. Elle se trouve dans l'onglet Intégrable au site Web. L'éditeur s'ouvre aussitôt.
Une nouvelle bannière démarre en Désactivé. Passez le statut de l'en-tête sur Actif quand elle est prête. Le statut est enregistré immédiatement, le nom de l'en-tête dès que vous quittez le champ. Tout le reste attend Enregistrer.
La barre latérale comporte quatre onglets : Configuration, Formulaire, Apparence et Partager.
Configuration : ce que fait le bouton
Méthode décide de ce que reçoivent les visiteurs :
- S'abonner au calendrier fonctionne avec un ou plusieurs de vos calendriers.
- Ajouter un événement place un seul événement dans leur calendrier.
Associez des calendriers avec Ajouter un calendrier ou des événements avec Ajouter un événement. Les calendriers et événements que vous ajoutez ou retirez sont enregistrés immédiatement. Après un ajout, l'éditeur demande s'il faut remplacer le titre et la description par ses détails. Choisissez Oui ou Non.
Quand vous changez de méthode et que le bouton indique encore « S'abonner » ou « Ajouter un événement », le texte du bouton change avec elle.
Avec deux calendriers ou plus, L'utilisateur peut désélectionner les calendriers apparaît. Si vous collectez aussi les informations de contact, les visiteurs peuvent alors décocher, à côté du formulaire, les calendriers qu'ils ne veulent pas.
Une bannière sans calendrier (ou sans événement, pour Ajouter un événement) ne peut pas être enregistrée. L'onglet Configuration devient rouge et affiche « Veuillez ajouter un calendrier. » ou « Veuillez ajouter un événement. » Tant que rien n'est associé, les autres onglets ne s'ouvrent pas : cliquer sur Formulaire, Apparence ou Partager vous laisse sur Configuration et affiche le même message.
Formulaire : demander les coordonnées
Collecte des informations de contact est désactivé pour une nouvelle bannière. Le bouton ouvre alors directement la liste des applications de calendrier. Activez-le et les visiteurs remplissent d'abord un court formulaire.
Une nouvelle bannière contient déjà deux questions, « Nom complet » et « Adresse e-mail ». Utilisez Ajouter un champ pour en ajouter. Chaque question a un texte Question et un Type de réponse. Nom et E-mail ne peuvent servir qu'une fois et remplissent le nom et l'adresse e-mail de la personne. Pour Texte, Nombre, Date, Date & Heure et Oui / Non, choisissez où va la réponse sous Enregistrer la réponse dans un champ personnalisé. La liste ne propose que des champs personnalisés du même type.
Activez Requis pour rendre une question obligatoire, et rédigez votre propre Message d'erreur requis si le message par défaut « Ce champ est requis. » ne convient pas.
L'éditeur n'enregistre pas tant qu'une question n'a pas de texte ou pas de champ personnalisé.
Une nouvelle adresse e-mail crée un nouveau compte à partir du nom et de l'e-mail. Une réponse n'est écrite dans un champ personnalisé que si la personne n'y a pas encore de valeur : les données existantes ne sont donc jamais écrasées.
Apparence : trois états
Apparence bascule entre trois états, et l'aperçu suit :
- État initial est la bannière elle-même. Cliquez sur le titre dans l'aperçu pour changer son texte. Réglez Couleurs de mise en page, Couleurs des boutons, Taille du bouton et Texte du bouton.
- État du formulaire n'apparaît que si vous collectez les informations de contact. Il met en forme la fenêtre du formulaire : ses couleurs, Couleurs des champs du formulaire, et le Sélecteur de calendrier, qui liste les applications de calendrier avec leur nom (Bouton) ou uniquement en icônes (Icônes).
- État soumis est ce que voient les visiteurs après avoir choisi une application de calendrier. Laissez Après soumission sur Afficher le nouveau message, modifiez le titre dans l'aperçu et mettez en forme le bouton qui ouvre le calendrier.
Les visiteurs peuvent choisir Apple, Google, Office 365, Outlook, Outlook.com ou Yahoo. Avec Ajouter un événement, Google, Office 365, Outlook.com et Yahoo s'ouvrent avec l'événement déjà renseigné.
La bannière n'a pas de réglage pour la position du bouton. Le bouton reste à droite, et sur les écrans de moins de 640 pixels de large, la bannière s'empile et le centre.
Partager : la placer sur votre page
Ouvrez Partager et copiez le code sous Ou intégrez-le comme widget en ligne. Il affiche la bannière directement dans votre page, sans iframe. Collez les deux lignes à l'endroit où la bannière doit apparaître.
Tant que la bannière est Désactivé, le widget en ligne n'affiche rien sur votre page.
Si vous préférez une carte centrée à une large barre, utilisez une boîte.