Dans cette leçon, vous apprendrez et mettrez en œuvre la première partie du workflow qui contient la stratégie de capture pour votre newsletter avec une inscription en double opt-in.
Le double opt-in est le modèle d'abonnement optimal pour vos listes d'emails, qui vous aidera à disposer d'une base de données solide et épurée. Avec Connectif, il est possible de créer un workflow de capture de contacts avec double confirmation de l'abonnement, afin d'augmenter et d'améliorer vos listes d'emails avec une même stratégie.
Objectif : Capture.
Éléments utilisés : Popup, formulaire dans contenu web.
Temps d’implémentation : < 1 heure.
Nous vous recommandons de suivre toutes les étapes et d’implémenter cette stratégie depuis zéro dans votre compte, mais si vous avez besoin d’une solution rapide, dans le Répertoire des Modèles de Workflows, vous avez à disposition le modèle Abonnement à la Newsletter avec Double Opt-in, avec lequel vous pouvez travailler.
Résumé de la leçon
Dans cette leçon, vous allez apprendre :
- Le nœud "Début" pour configurer les audiences.
- Le nœud "Lors de la visite d'une page" pour détecter les visites des contacts.
- Le nœud "Vérifier la valeur" pour diviser le flux en fonction des informations du contact.
- Le nœud "Envoyer contenu web" pour toucher les contacts avec différents formats.
- Le nœud "À l’ouverture du contenu web" pour détecter quels contacts interagissent avec vos contenus.
- Les limitations des nœuds pour délimiter leur activation.
- Comment créer un popup dans Connectif via l’éditeur de contenu web.
- Comment ajouter un formulaire à un contenu web, dans ce cas, au popup.
Cette leçon est la plus importante de tout le cours, car vous apprendrez comment fonctionne l’éditeur de workflows et l’interface des nœuds. Cette information vous servira de base pour toutes les stratégies que vous développerez avec Connectif.
À la fin de la leçon, vous aurez créé dans votre compte :
Une partie de la stratégie de capture contenue dans ce workflow, grâce à laquelle vous enverrez un popup avec un formulaire d’inscription aux contacts qui visitent votre site et ne sont pas abonnés à votre newsletter.
Configuration de la stratégie
ÉTAPE 0. Création du workflow
Comment fonctionne l’éditeur de workflows
L’éditeur de workflows est la fonctionnalité de Connectif qui permet de créer et modifier les flux de travail afin de constituer les différentes stratégies pour améliorer vos résultats commerciaux.
Vous pouvez accéder à l’éditeur de workflows depuis Workflows, en cliquant sur Créer un nouveau workflow.
L’interface de l’éditeur de workflows est composée de 3 blocs :
1. Début, options et erreurs : pour lancer le workflow, sauvegarder ou annuler les modifications effectuées, ainsi que l’exporter ou le supprimer. Il inclut également les options suivantes :
Afficher le rapport d’incidents : pour, en cas d’erreurs, afficher celles à résoudre avant de démarrer le workflow.
Ajouter des notes : pour ajouter des annotations dans les workflows.
2. Panneau de conception : pour construire visuellement le workflow en utilisant les nœuds disponibles. Le nœud “Début” y apparaîtra toujours, car c’est le point de départ de tous les flux et l’endroit où vous configurez l’audience du workflow.
3. Outils du panneau de conception : pour travailler avec les éléments du workflow et modifier l’affichage du panneau. Il inclut les options suivantes :
- Mode couper : pour délimiter en maintenant le bouton gauche de la souris enfoncé et supprimer les connexions entre nœuds.
- Mode sélection : pour délimiter une zone de sélection en maintenant le bouton gauche de la souris enfoncé et en glissant.
- Options d’affichage du tableau : pour modifier la visualisation du panneau de conception. Depuis ce menu, vous pouvez également utiliser Supprimer tout pour effacer tous les nœuds.
- Contrôles d’affichage : pour zoomer ou dézoomer, centrer la vue et ajuster la visualisation du workflow.
4. Menu de sélection des nœuds : pour naviguer parmi les différents nœuds disponibles et configurer les workflows en les faisant glisser dans le panneau de conception. Les différents types de nœuds que vous trouverez sont :
Nœuds de type Déclencheur : servent à réactiver le flux au moment où un contact réalise une activité sur notre site ou remplit une condition spécifique.
Nœuds de type Condition : servent à filtrer les contacts afin de segmenter plus précisément les actions d’un workflow. Lorsqu’un utilisateur arrive à un nœud de type condition, on vérifie s’il remplit ou non les critères pour le diriger dans le flux.
Nœuds de type Action : servent à exécuter des opérations spécifiques dans les flux. Lorsqu’un utilisateur arrive à un nœud de type action, son activité démarre.
Comment fonctionnent les nœuds de Connectif
Les nœuds fonctionnent comme des étapes dans le déroulement du flux que suit le contact tout au long du workflow. Pour continuer son chemin, le contact doit réaliser un événement, remplir une condition ou être impacté par une action, selon le nœud où il se trouve.
Chacun des nœuds de Connectif possède une interface qui permet de configurer son activité, ses limitations et de connaître les données exportées par chacun :
1. Configuration : pour définir quelle activité doit le déclencher (dans le cas des nœuds de type Déclencheur), quelles conditions les contacts doivent remplir pour continuer dans le flux (dans le cas des nœuds de type Condition) ou quelle activité les contacts réaliseront à leur arrivée (dans le cas des nœuds de type Action). Chaque nœud a ses propres options de configuration, dans l’exemple suivant, la configuration du nœud "Lors de la visite d'une page" est montrée.
2. Limitations : pour délimiter l’activité du nœud et établir les conditions sous lesquelles il ne fonctionnera pas, sauf dans les nœuds de type condition qui n’ont pas de limitations car ils fonctionnent eux-mêmes comme un filtre. Leur utilisation permet de mettre en pause automatiquement les nœuds temporairement ou définitivement. De plus, il est important de souligner que si plusieurs limitations sont combinées, la plus restrictive aura toujours la priorité.
Les limitations existantes sont :
- Désactiver après déclenchement : le nœud se désactive pour un contact après avoir été déclenché une première fois.
- Max. fois déclenché par Contact / Contact : le nœud se désactive pour un contact après avoir été déclenché un nombre déterminé de fois.
- Désactivation temporaire après événement : le nœud se désactive temporairement pour un contact et sera de nouveau déclenché après un certain temps indiqué.
- Max. total fois déclenché / Limite totale : le nœud se désactive lorsqu’il est déclenché un certain nombre de fois parmi tous les contacts, indépendamment du fait qu’il ait été déclenché pour le même contact ou non.
3. Données : pour pouvoir consulter les informations importées et exportées dans chaque nœud à travers le flux.
Comment créer le workflow pour cette stratégie
1. Dans votre compte Connectif, cliquez sur "Workflows > Créer un nouveau Workflow" puis sur Créer un Workflow vierge.
2. Cliquez sur (Édition) et nommez-le "Inscription double opt-in".
3. Cliquez sur Appliquer pour sauvegarder le nouveau nom de votre workflow.
ÉTAPE 1. Nœud "Début"
Comment fonctionne le nœud "Début"
Le nœud "Début" sert à définir les contacts auxquels les stratégies s’adresseront, ce nœud sera donc présent dans tous les workflows et de lui partiront tous les flux.
Dans l’interface du nœud, on configure les audiences que la stratégie va toucher, ainsi que les sources de données, c’est-à-dire si elle s’activera pour les contacts existants, les nouveaux qui entreront après l’activation du workflow, ou pour les deux.
Comment configurer le nœud "Début" pour cette stratégie
(Ce nœud va définir l’audience cible du workflow).
4. Cliquez sur (Modifier la configuration du nœud) du nœud “Début”.
5. Dans Sélectionner une restriction, cochez "Toute ma liste".
6. Dans Sélectionner la source de données, cochez "Tous les existants et les nouveaux".
7. Cliquez sur Mettre à jour.
À cette étape, nous avons indiqué à Connectif que le workflow s’active pour tous les contacts visitant le site, qu’ils soient nouveaux ou existants.
ÉTAPE 2. Nœud "Lors de la visite d'une page"
Comment fonctionne le nœud "Lors de la visite d'une page"
Ce nœud sert à réagir au moment où un contact visite une page du site.
Dans l’interface du nœud, on configure les pages et les appareils qui déclencheront le nœud, ainsi que les exclusions.
Comment configurer le nœud "Lors de la visite d'une page" pour cette stratégie
(Ce nœud va détecter les contacts qui visitent le site).
8. Dans le menu de sélection des nœuds, allez à "Déclencheurs > Web" et faites glisser le nœud "Lors de la visite d'une page" dans l’éditeur, de manière à le connecter au nœud "Début".
9. Cliquez sur (Modifier la configuration du nœud) du nœud “Lors de la visite d'une page”.
10. Dans l’onglet Limitations, décochez la case "Désactiver après déclenchement". Dans ce cas, aucune limitation supplémentaire n’est ajoutée, car vous créerez ensuite une limitation externe depuis le nœud "À l’ouverture du contenu web" pour désactiver temporairement ce parcours.
11. Cliquez sur Mettre à jour.
À cette étape, nous avons indiqué à Connectif que, dès qu’un contact visite n’importe quelle page du site depuis n’importe quel appareil, il passe à l’action suivante.
ÉTAPE 3. Nœud "Vérifier la valeur"
Comment fonctionne le nœud "Vérifier la valeur"
Ce nœud sert à vérifier la valeur des données importées par les nœuds précédents et à filtrer le parcours du contact en fonction de celles-ci.
Dans l’interface du nœud, on configure les données à vérifier et la correspondance qu’elles doivent avoir, ce qui servira de condition pour distribuer les contacts.
Comment configurer le nœud "Vérifier la valeur" pour cette stratégie
(Ce nœud va identifier si le contact est abonné à la newsletter).
12. Dans le menu de sélection des nœuds, allez à "Conditions > Système" et faites glisser le nœud "Vérifier la valeur" dans l’éditeur, de manière à le connecter au nœud "Lors de la visite d'une page".
13. Cliquez sur (Modifier la configuration du nœud) du nœud “Vérifier la valeur”.
14. Faites glisser le champ "État de l’abonnement à la newsletter" de "Contact" vers le bloc de gauche. Ainsi, vous indiquez à Connectif de vérifier, dans la fiche contact, l’État de l’abonnement à la newsletter.
15. Ensuite, dans "Opérateur", sélectionnez "Est égal à".
16. Faites glisser la valeur "Texte littéral" vers le bloc de droite et sélectionnez "Abonné". Cette valeur indique que, dans la fiche contact, l’état de la newsletter doit être exactement Abonné.
17. Cliquez sur Mettre à jour.
À cette étape, nous avons indiqué à Connectif de vérifier si les visiteurs ont le champ d’abonnement à la newsletter avec l’état "Abonné", qui est la valeur enregistrée dans leur fiche contact. Si le contact n’est pas abonné, le flux continue et le popup d’abonnement lui sera envoyé. Si le contact est abonné, la stratégie s’arrête.
ÉTAPE 4. Nœud "Envoyer contenu web"
Comment fonctionne le nœud "Envoyer contenu web"
Ce nœud sert à afficher un contenu web déterminé, parmi les formats disponibles dans Connectif (Popup, Inline, Plein écran, Slide In ou Barre flottante) aux contacts qui arrivent à cette partie du workflow.
Dans l’interface du nœud, on configure quel est le contenu et comment il sera affiché, permettant de choisir un contenu existant ou d’en créer un nouveau.
Comment fonctionne le contenu web de type popup
Le contenu web de type popup s’affiche comme une fenêtre surgissante qui se superpose partiellement au reste de la page, à n’importe quelle position de l’écran. Il sert à attirer l’attention sur un aspect particulier à un moment donné, incitant le contact à interagir avec lui.
Il est mis en forme dans l’éditeur de contenu, donc aucune connaissance en programmation n’est nécessaire pour le créer.
Un popup génère des statistiques liées à ses affichages, interactions et participation au processus d’achat.
Comment créer le popup pour cette stratégie
(À cette étape, vous allez créer le popup de capture des utilisateurs pour la newsletter, qui sera envoyé par le nœud).
18. Dans le menu de sélection des nœuds, allez à "Actions > Web" et faites glisser le nœud "Envoyer contenu web" dans l’éditeur, de manière à le connecter au nœud "Vérifier la valeur".
19. Sur la liaison entre ce nœud et le nœud "Vérifier la valeur", cliquez sur le cercle jusqu’à ce que "Non" apparaisse. Ainsi, vous indiquez à Connectif que le popup s’affichera aux visiteurs qui n’ont pas la valeur Abonné dans le champ État de l’abonnement à la newsletter de leur fiche contact.
20. Cliquez sur (Modifier la configuration du nœud) et Créer un nouveau contenu pour générer un nouveau contenu.
21. En créant un nouveau contenu, sélectionnez comme type Popup, donnez-lui un nom et cliquez sur Créer un nouveau contenu.
22. Dans le panneau Outils, cliquez sur l’onglet Général pour modifier les paramètres de l’aspect général de votre popup. Vous pouvez également y accéder en cliquant sur Propriétés générales dans le panneau de conception. Parmi les plus importants :
- Nom, pour identifier comment votre popup s’appellera.
- Disposition, pour déterminer sa position à l’écran.
- Animations, pour définir les effets d’affichage et de fermeture.
- Fond du contenu et Couche de fond, pour choisir la couleur et les effets du fond.
- Bouton de fermeture, pour déterminer comment il s’affichera.
23. Cliquez sur l’onglet Composants pour accéder aux options de création et de design de votre popup.
- Dans Disposition, choisissez la mise en page qui convient le mieux à vos besoins. Si vous n’en ajoutez pas, la structure par défaut sera une colonne.
- Dans Éléments, ajoutez un champ texte pour insérer votre formulaire. Vous pouvez aussi ajouter, si vous le souhaitez, d’autres éléments au design parmi ceux disponibles : "Texte", "Image", "Bouton lien", "Diviseur", "Espace", "Produits", "HTML", "WhatsApp", "Vidéo" et "Compte à rebours". Modifiez les composants pour configurer leur design et leurs textes.
- Dans Éléments de formulaire :
- Ajoutez un champ texte et nommez-le "Nom" pour recueillir le nom du contact. Modifiez-le pour configurer son design et son texte.
- Ajoutez un champ email pour recueillir l’adresse électronique et, dans Validations, cochez-le comme obligatoire. Modifiez-le pour configurer son design et son texte.
- Ajoutez une case à cocher pour accepter la Politique de confidentialité, cliquez sur Validations et indiquez qu’au moins une option doit être cochée, afin que l’acceptation soit obligatoire pour les contacts.
- Ajoutez le bouton d’envoi du formulaire et modifiez-le pour configurer son design et son texte.
24. Dans l’onglet Formulaire, configurez les paramètres pour l’envoi du formulaire :
- Dans Type de formulaire, sélectionnez l’option Inscription, pour que les contacts qui remplissent le formulaire soient enregistrés et identifiés comme l’utilisateur effectuant l’action. Si vous choisissez Événement, l’information restera dans le workflow, mais ne sera pas enregistrée dans la fiche contact ni associée à un email.
- Dans Email identifiant, sélectionnez le champ Email que vous avez ajouté à l’étape précédente, pour que cette donnée soit mise à jour dans la fiche contact.
- Cochez l’option Fermer le contenu à l’envoi, pour que le popup se ferme lorsque le contact envoie le formulaire.
- Dans ce cas, ne cochez pas l’option Abonner le contact à la newsletter lors de l’envoi du formulaire, car cet abonnement devra être confirmé par le contact via l’email que nous configurerons dans la leçon suivante.
25. Cliquez sur Enregistrer pour conserver les modifications dans le design et sur Retour au sélecteur pour revenir et terminer la configuration du nœud.
Comment configurer le nœud "Envoyer contenu web" pour cette stratégie
(Ce nœud affichera le popup que vous venez de créer aux contacts qui ne sont pas abonnés à la newsletter au moment où ils visitent le site).
26. Sélectionnez le popup que vous venez de créer et cliquez sur Suivant .
27. Choisissez quand le popup s’affichera. Dans ce cas, cochez “Après quelques secondes” et, dans “Afficher après”, indiquez "5" secondes, pour qu’il s’affiche lorsque le contact aura navigué ce temps sur la page. Vous pouvez aussi choisir de l’afficher immédiatement, juste avant un abandon de page, lorsque le contact fait défiler jusqu’à un certain point ou après un temps d’inactivité.
28. Cliquez sur Suivant puis, dans l’onglet Limitations, décochez la case "Limite par contact", pour que ce contenu puisse s’afficher plusieurs fois aux contacts, s’ils continuent à remplir les critères.
29. Cliquez sur Terminer .
À cette étape, nous avons indiqué à Connectif d’envoyer le popup avec le formulaire d’abonnement que nous venons de créer aux visiteurs arrivant à cette partie du flux. Dans cette stratégie, nous avons configuré un popup qui oblige le contact à interagir avec lui, soit pour le fermer, soit pour envoyer le formulaire.
ÉTAPE 5. Nœud "À l’ouverture du contenu web"
Comment fonctionne le nœud "À l’ouverture du contenu web"
Ce nœud sert à réagir au moment où n’importe quel contenu web envoyé s’affiche (comme montré sur l’image), sauf les contenus de type inline qui, étant situés dans la page, ne sont pas considérés comme des contenus surgissants.
Dans l’interface du nœud, on définit s’il sera déclenché par un contenu spécifique ou par n’importe quel contenu d’un type donné.
Comment configurer le nœud "À l’ouverture du contenu web" pour cette stratégie
(Ce nœud va détecter le moment où le popup s’affiche, permettant d’ajouter des limitations pour éviter qu’il se réaffiche pendant la navigation).
30. Dans le menu de sélection des nœuds, allez à "Déclencheurs > Web" et faites glisser le nœud "À l’ouverture du contenu web" dans l’éditeur, de manière à le connecter au nœud "Envoyer contenu web".
31. Cliquez sur (Modifier la configuration du nœud) du nœud “À l’ouverture du contenu web”.
32. Cliquez sur Un contenu spécifique.
33. Sélectionnez le contenu "Popup" que vous avez configuré dans le nœud précédent.
34. Dans Limitations, décochez la case "Désactiver après déclenchement".
35. Créez une limitation externe dans Limitation à d’autres nœuds, pour cela :
Dans le menu déroulant Sélectionner un nœud, choisissez l’option "Lors de la visite de n’importe quelle page" pour limiter ce nœud.
Dans Sélectionner le type de limitation, choisissez l’option "Désactiver pour une durée" et saisissez “1” dans le champ “Jour".
Cliquez sur Ajouter limitation externe pour sauvegarder la configuration. Ainsi, vous limiterez le parcours du nœud "Lors de la visite d’une page" (étape 2), et si un contact ouvre le popup sans s’abonner via le formulaire, il ne le verra pas de nouveau avant un jour, même s’il revient visiter le site.
36. Cliquez sur Mettre à jour.
À cette étape, nous avons indiqué à Connectif qu’une fois le popup d’abonnement à la newsletter affiché, si le visiteur n’envoie pas le formulaire, le parcours de cette branche ne redémarrera pas avant un jour.
Résultat
Après avoir complété ces étapes, vous aurez établi la première partie de cette stratégie, qui affichera sur votre site un popup invitant vos visiteurs à s’abonner à votre newsletter. N’oubliez pas qu’il s’agit de la première partie de la stratégie, nous vous recommandons donc de poursuivre le cours pour la terminer.
Poursuivez votre parcours
Maintenant que vous avez terminé cette leçon, continuez à configurer cette stratégie dans votre compte avec les étapes du prochain article.
Félicitations !
Vous êtes arrivé à la fin de la leçon.
Retour au cours
Accédez à l’index complet du cours et à l’explication de chaque leçon via ce lien.
Lectures associées
Si vous souhaitez approfondir certains apprentissages acquis dans cette leçon, vous pouvez consulter la documentation du guide :
- Nœud "Début", pour apprendre les possibilités de configuration des audiences dans vos workflows.
- Types de contenu web dans Connectif, pour connaître, en plus du popup, les types de formats que vous pouvez créer et intégrer directement dans votre site via Connectif.
- Éditeur de contenu web, pour approfondir la création de vos contenus web.