Le bouton est le plus petit Growth Tool. Il ne prend pas plus de place qu'un simple bouton sur votre page. Quand les visiteurs cliquent dessus, une fenêtre s'ouvre avec votre titre, un formulaire facultatif et le choix de leur application de calendrier. Utilisez-le là où une boîte ou une bannière serait de trop, par exemple à côté de la description d'un événement ou dans une barre de navigation.
En créer un
Cliquez sur Nouvel outil de croissance et choisissez Bouton. L'éditeur comporte quatre onglets : Configuration, Formulaire, Apparence et Partager. L'aperçu montre le bouton sur une page d'exemple.
Configuration
L'onglet Configuration fonctionne comme pour tout Growth Tool. Sous Méthode, choisissez S'abonner au calendrier et ajoutez des calendriers avec Ajouter un calendrier, ou choisissez Ajouter un événement et ajoutez des événements avec Ajouter un événement. L'outil a besoin d'au moins un calendrier ou un événement avant de pouvoir être enregistré.
Quand vous changez de méthode, un texte de bouton qui indique encore « S'abonner » devient « Ajouter un événement », et inversement. Un texte que vous avez écrit vous-même reste tel quel.
L'article sur la page d'atterrissage explique la configuration en détail.
Growth Tool page d'atterrissage
Formulaire
Collecte des informations de contact est désactivé pour un nouveau bouton : la fenêtre passe donc directement aux applications de calendrier. Activez-le pour demander d'abord un nom, une adresse e-mail ou d'autres réponses. Le formulaire commence par « Nom complet » et « Adresse e-mail », et Ajouter un champ en ajoute d'autres.
Les questions fonctionnent exactement comme sur une page d'atterrissage : chacune a une Question, un Type de réponse et, pour tout ce qui n'est ni un nom ni un e-mail, un champ membre sous Enregistrer la réponse dans un champ personnalisé. Les questions obligatoires doivent recevoir une réponse avant que les visiteurs puissent continuer, et une réponse e-mail doit ressembler à une adresse e-mail.
Apparence
Apparence est divisée en états, et l'aperçu suit celui que vous choisissez.
État initial est le bouton lui-même : Couleurs des boutons pour le fond et le texte, Taille du bouton et Texte du bouton.
État du formulaire n'apparaît que si Collecte des informations de contact est activé. Il met en forme la fenêtre qui s'ouvre :
- Afficher la description. Le titre et la description se modifient en cliquant dedans dans l'aperçu.
- Couleurs de mise en page pour la fenêtre, le titre et la description, et Couleurs des champs du formulaire pour les champs.
- Sélecteur de calendrier : affiche les applications de calendrier en tuiles avec nom et icône (Bouton), ou en rangée d'Icônes.
- Les couleurs, la position et le texte du bouton qui envoie le formulaire.
État soumis est la fenêtre une fois que les visiteurs ont choisi leur application de calendrier. Réglez-y les couleurs, la position et le texte de son bouton.
Partager : placer le bouton
L'onglet Partager propose deux codes. Pour un bouton, utilisez le second sous Ou intégrez-le comme widget en ligne. Comme l'indique la remarque, il affiche le bouton directement dans la page, sans iframe :
<div class="cdwidget-embed" data-widget-id="…"></div> <script src="https://…/assets/js/growth-tools.js" async></script>
Copiez le code depuis l'onglet, pas depuis cet article, car il contient l'adresse et le code de votre outil. Collez les deux lignes à l'endroit où le bouton doit apparaître, par exemple dans un bloc HTML de votre éditeur de pages.
Si vous placez plusieurs Growth Tools sur une même page, collez les deux lignes pour chacun d'eux.
Le bouton n'apparaît que lorsque l'outil est actif. Un nouveau bouton démarre inactif : activez-le avec l'interrupteur de statut dans l'en-tête de l'éditeur une fois qu'il est prêt.
Le bouton intégré reprend les réglages actuels à chaque chargement de la page. Après avoir modifié des couleurs ou des textes et cliqué sur Enregistrer, inutile de copier le code à nouveau.
Ce que voient les visiteurs
Un clic sur le bouton ouvre la fenêtre. Si vous collectez les informations de contact, les visiteurs répondent d'abord aux questions puis passent aux applications de calendrier. Ils choisissent leur application de calendrier, et la fenêtre passe à son état soumis, intitulé « Ajouter au calendrier », avec un bouton qui ouvre l'application dans un nouvel onglet. Avec Ajouter un événement, Google, Office 365, Outlook.com et Yahoo s'ouvrent avec l'événement déjà renseigné.
Les inscriptions par le bouton comptent comme Opt-Ins dans la liste des Growth Tools.