Dans cette leçon, vous apprendrez et mettrez en œuvre la deuxième partie du workflow qui contient la stratégie d’acquisition pour votre newsletter avec une inscription double opt-in.
Le double opt-in est le modèle d’abonnement optimal pour vos listes d’emails, qui vous aidera à avoir une base de données solide et épurée. Avec Connectif, il est possible de créer un workflow d’acquisition de contacts avec double confirmation de l’abonnement, afin d’augmenter et d’améliorer vos listes d’emails avec une seule et même stratégie.
Objectif : Acquisition.
Éléments utilisés : Popup, email.
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 voie rapide, dans le Répertoire de Modèles de Workflows, vous avez à disposition le modèle Abonnement à la Newsletter avec Double Opt-in, avec lequel vous pouvez travailler.
Avant de commencer : récapitulatif
Dans la leçon précédente, nous avons établi la première partie de cette stratégie, qui affiche sur votre site un popup invitant vos visiteurs à s’abonner à votre newsletter.
Résumé de la leçon
Dans cette leçon, vous allez apprendre :
- Le nœud "Lors de l’envoi du formulaire" pour réagir lorsqu’un contact s’inscrit sur votre site.
- Le nœud "Définir un champ" pour modifier via un workflow les champs de vos contacts.
- Le nœud "Envoyer un email" pour envoyer un email transactionnel.
- Comment créer un email dans Connectif avec l’éditeur d’email.
- Comment créer et ajouter des variables à vos contenus.
- Comment utiliser les liens prédéfinis dans un email.
À la fin de la leçon, vous aurez créé dans votre compte :
La deuxième partie de la stratégie d’acquisition, grâce à laquelle vous mettrez à jour la fiche des contacts et réagirez à l’envoi du formulaire d’abonnement de votre popup (créé dans la leçon précédente) par deux moyens :
- Avec un popup de rappel dans lequel vous indiquerez au contact de confirmer son abonnement via l’email.
- Avec l’email lui-même, qui contiendra le lien de confirmation de l’abonnement.
Configuration de la stratégie
Accédez au workflow où vous avez créé la première partie de cette stratégie. Cliquez sur Workflows et cherchez le workflow que vous avez créé nommé "Abonnement double opt-in" (ou le nom que vous avez choisi).
ÉTAPE 6. Nœud "Lors de l’envoi du formulaire"
Comment fonctionne le nœud "Lors de l’envoi du formulaire"
Ce nœud sert à réagir au moment où un contact confirme l’envoi d’un formulaire déjà rempli.
Dans l’interface du nœud, on configure s’il doit se déclencher avec l’envoi de n’importe quel formulaire ou d’un formulaire spécifique. De plus, il est possible de filtrer par l’URL depuis laquelle le formulaire est envoyé.
Comment configurer le nœud "Lors de l’envoi du formulaire" pour cette stratégie
(Ce nœud va détecter précisément le moment où un contact envoie le formulaire du popup d’abonnement pour passer à l’action suivante, qui sera le nœud "Définir un champ").
37. Dans le menu de sélection des nœuds, allez dans "Déclencheurs > Web" et glissez le nœud "Lors de l’envoi du formulaire" dans l’éditeur, de manière à le connecter au nœud "Début".
38. Cliquez sur (Modifier la configuration du nœud) du nœud “Lors de l’envoi du formulaire”.
39. Cliquez sur Un formulaire spécifique.
40. Ensuite, sélectionnez le formulaire affiché dans le popup d’abonnement à la newsletter créé dans la leçon précédente.
41. Dans l’onglet Limitations, désactivez la case "Désactiver après déclenchement".
42. Cliquez sur Mettre à jour.
À cette étape, nous avons configuré le nœud qui réagira à l’envoi du formulaire que nous avons créé dans la première partie de la stratégie pour acquérir des contacts pour notre base de données.
ÉTAPE 7. Nœud "Définir un champ"
Comment fonctionne le nœud "Définir un champ"
Ce nœud sert à enregistrer ou modifier des informations dans la fiche du contact.
Dans l’interface du nœud, on associe la nouvelle information obtenue durant le workflow (colonne de gauche) avec les champs existants du contact (colonne de droite). De plus, ce nœud permet d’assigner des valeurs littérales, pour ajouter ou mettre à jour l’information du champ avec une valeur fixe définie par l’utilisateur (par exemple, attribuer à tous les contacts d’un workflow un score précis).
Comment configurer le nœud "Définir un champ" pour cette stratégie
(Ce nœud va enregistrer l’information obtenue dans le formulaire du popup).
43. Dans le menu de sélection des nœuds, allez dans "Actions > Contact" et glissez le nœud "Définir un champ" dans l’éditeur, de manière à le connecter au nœud "Lors de l’envoi du formulaire".
44. Cliquez sur (Modifier la configuration du nœud) du nœud “Définir un champ”.
45. Glissez le champ "Nom", dont la source de données est le nœud "Lors de l’envoi du formulaire", de la colonne de gauche vers le bloc central, de façon à ce qu’il corresponde au champ "Nom" de la colonne de droite. Vous pouvez le trouver via la liste des champs ou le saisir dans le moteur de recherche pour le localiser, comme dans l’exemple. Dans Opérateur, sélectionnez "Assigner".
46. Cliquez sur Mettre à jour.
À cette étape, Connectif mettra à jour le nom des contacts qui envoient le formulaire. Nous ne changerons pas encore l’attribut d’abonnement à la newsletter, car pour cela, le contact devra confirmer l’abonnement via l’email que nous créerons à l’étape suivante.
ÉTAPE 8. Nœud "Envoyer email"
Comment fonctionne le nœud "Envoyer email"
Ce nœud sert à envoyer un courrier électronique aux contacts qui arrivent à cette partie du workflow. Dans l’interface du nœud, tous les aspects concernant l’email à envoyer et les destinataires sont configurés étape par étape :
Configuration du modèle d’email. Pour sélectionner un email préalablement créé ou en configurer un nouveau dans l’éditeur d’email.
-
Configuration du nœud. Pour configurer comment se fera l’envoi :
Envoyer à. Pour choisir entre Contacts, et envoyer cet email aux utilisateurs ayant "Statut de l’email" comme "Actif", ou Email spécifique, et indiquer manuellement quelles adresses recevront tous les emails à envoyer.
Sélection du type d’email. Pour choisir si l’email sera Transactionnel, envoyé à tous les contacts, Newsletter, envoyé aux utilisateurs avec le "Statut de la newsletter" comme "Abonné".
Paramètres. Pour définir l’Objet de l’email, le Nom de l’expéditeur, l’Email de l’expéditeur et l’Email de réponse.
Configuration des champs et valeurs. Pour assigner ou modifier les valeurs des variables de l’email.
Google Analytics. Pour définir dans l’email les paramètres de suivi Google Analytics.
Comment fonctionne l’éditeur d’email
L’éditeur d’email est la fonctionnalité de Connectif qui permet de personnaliser, de façon responsive, le contenu des courriers électroniques envoyés à vos clients via les workflows.
L’éditeur d’email est basé sur la méthode de conception « glisser-déposer », vous permettant de mettre en page vos emails rapidement, simplement et de manière très visuelle.
Comment configurer l’email pour cette stratégie
(À cette étape, vous allez créer l’email pour que les contacts puissent confirmer leur abonnement à la newsletter).
47. Dans le menu de sélection des nœuds, allez dans "Actions > Email" et glissez le nœud "Envoyer email" dans l’éditeur, de manière à le connecter au nœud "Définir un champ".
48. Cliquez sur (Modifier la configuration du nœud). Cliquez ensuite sur Créer un nouveau contenu pour créer un nouvel email.
49. Lors de la création d’un nouvel email, dans le panneau Outils, cliquez sur l’onglet Général pour modifier les paramètres de l’aspect général de votre email.
- Dans Nom, indiquez comment votre email sera nommé.
- Dans Couleurs, définissez la couleur de fond du contenu et la couleur de fond générale.
- Dans Texte, définissez la police par défaut des textes de l’email.
- Dans Résumé, indiquez ce qui apparaîtra au client dans la prévisualisation de l’email, après l’objet.
- Dans Options HTML, configurez le style général basé sur les styles CSS et HTML.
50. Cliquez sur l’onglet Composants pour accéder aux options de création et de design de votre email.
- Dans Structure, choisissez la disposition qui convient le mieux à vos besoins. Si vous n’en ajoutez pas, la structure par défaut sera une colonne.
- Dans Éléments, ajoutez les blocs de contenu fonctionnels avec lesquels construire le design de votre email. Les éléments disponibles sont : "Texte", "Image", "Bouton", "Social", "Séparateur", "Espace", "Produit", "HTML", "Voir dans le navigateur" et "Pied de page". Dans cet exemple, nous ajouterons un champ de texte introductif pour notre formulaire.
51. Une fois les éléments ajoutés, modifiez-les pour configurer votre email :
- Dans "Texte", rédigez votre texte en appliquant une mise en forme enrichie (gras, italique, liens…), en insérant des variables dynamiques ou en modifiant sa disposition dans le bloc inséré.
- Dans "Image", collez l’URL de l’image pour l’inclure dans votre email, si c’est une image déjà publiée sur Internet. Pour la télécharger depuis votre appareil, cliquez sur Télécharger une image et sélectionnez le fichier dans la fenêtre qui s’ouvre. Une fois chargée, l’URL de l’image sera automatiquement définie.
- Dans "Bouton", définissez le texte qui apparaîtra sur votre bouton, l’attribut ‘title’, sélectionnez les couleurs du texte et du fond, et ajustez la disposition dans le bloc. Pour ajouter le lien de confirmation d’abonnement à la newsletter, cliquez sur (Lien prédéfini) et sélectionnez l’option "Confirmer l’abonnement à la newsletter", afin d’inclure le lien prédéfini qui mettra à jour le statut d’abonnement à la newsletter, à la fois dans Connectif et dans l’eCommerce.
- (Optionnel). Dans "Social", choisissez les réseaux sociaux que vous souhaitez inclure et modifiez l’URL du lien, ainsi que la disposition dans le bloc.
- Dans "Voir dans le navigateur.", insérez un texte prédéfini pour ajouter un lien permettant de voir le contenu de l’email dans une fenêtre de navigateur. Le lien est toujours “#__cn_view_in_browser” et est défini par défaut. Vous pouvez accéder à sa configuration via l’option Insérer/Modifier un lien de l’éditeur.
- Dans "Pied de page", insérez un pied de page dans votre email, dans lequel vous pouvez spécifier les données de votre entreprise et offrir au client l’option d’annuler son abonnement ou de renvoyer un email. Le lien “Annuler l’abonnement” doit toujours être présent dans les emails de type newsletter et doit toujours être “#__cn_unsubscribe”.
52. (Optionnel). Si vous avez ajouté des variables, vérifiez-les et modifiez-les pour vous assurer de la façon dont le contenu s’affiche à vos contacts :
- Ajoutez ou sélectionnez dans votre design le composant où vous souhaitez créer une nouvelle variable et cliquez sur (Modifier l’élément). Dans cet exemple, nous ajouterons la variable sur le champ de texte pour personnaliser l’email avec le nom du contact.
- Dans l’éditeur, cliquez sur Variables.
- Attribuez un identifiant à la variable pour la distinguer. Dans cet exemple, nous lui attribuerons l’identifiant "Name".
- Dans Valeur par défaut, ajoutez la valeur que vous souhaitez que la variable prenne lorsqu’aucune donnée n’est stockée dans le champ correspondant. Dans cet exemple, nous lui attribuerons la valeur par défaut "Hello".
- Cliquez sur Accepter pour enregistrer les modifications de la variable.
53. Cliquez sur (Aperçu) pour vérifier et enregistrer le résultat final de votre email, en version bureau et/ou mobile.
54. (Optionnel). Cliquez sur (Envoyer un email d’aperçu) pour recevoir un email test à l’adresse que vous choisissez et vérifier comment le client le recevra.
55. Cliquez sur Enregistrer pour conserver les modifications dans le design et sur pour terminer la configuration du nœud.
Comment configurer le nœud "Envoyer email" pour cette stratégie
(Ce nœud va envoyer au contact l’email que vous venez de créer pour qu’il confirme son abonnement à la newsletter).
56. Une fois l’email que vous venez de créer sélectionné, cliquez sur Suivant .
57. Dans la section Envoyer à, sélectionnez "Contact".
58. Indiquez le type d’email "Transactionnel".
59. Configurez la section Paramètres d’envoi au contact avec les informations de l’email expéditeur et de réponse.
60. Dans Google Analytics, cliquez sur "Activer Google Analytics" puis sur Suivant .
61. (Optionnel). Si vous avez créé des variables pour votre contenu, liez-les avec les champs de Connectif en sélectionnant dans la colonne de gauche le champ correspondant et en l’assignant à la variable. Dans cet exemple, le champ "Nom" donnera la valeur à la variable "Name", utilisée à la fois dans l’objet et dans le corps de l’email.
62. Dans Limitations, désactivez la case "Limite par contact".
63. Cliquez sur Terminer .
À cette étape, nous avons envoyé un email aux contacts pour qu’ils confirment leur abonnement via le lien que nous avons ajouté au bouton. Ce lien, en plus d’activer le nœud suivant, modifiera le statut d’abonnement à la newsletter dans la fiche du contact en "Abonné".
ÉTAPE 9. Deuxième nœud "Envoyer contenu web"
Comment créer le popup pour cette stratégie
(À cette étape, vous allez créer le popup qui confirmera l’envoi du formulaire que vous avez créé dans la leçon précédente).
64. Dans le menu de sélection des nœuds, allez dans "Actions > Web" et glissez le nœud "Envoyer contenu web" dans l’éditeur, de manière à le connecter au nœud "Lors de l’envoi du formulaire".
65. Cliquez sur (Modifier la configuration du nœud) du nœud "Envoyer contenu web" et Créer un nouveau contenu pour générer un nouveau contenu.
66. Lors de la création d’un nouveau contenu web, sélectionnez comme type Popup, donnez-lui un nom et cliquez sur Créer contenu web.
67. Dans l’onglet Général, modifiez les paramètres de l’aspect général de votre popup.
68. Dans l’onglet Composants, configurez la composition et ajoutez les éléments que vous souhaitez à votre popup en cliquant dessus et en les glissant dans l’éditeur.
Si nécessaire, tous les pas pour créer un popup sont disponibles dans cette leçon.
69. Une fois créé, cliquez sur Enregistrer puis sur Retour au sélecteur pour 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 ayant envoyé le formulaire).
70. Une fois le popup que vous venez de créer sélectionné, cliquez deux fois sur Suivant .
71. Cliquez sur Terminer .
À cette étape, nous avons affiché un popup aux contacts qui ont envoyé le formulaire, pour leur signaler qu’ils doivent vérifier leur boîte de réception et confirmer leur abonnement à la newsletter via l’email que nous leur avons envoyé.
Résultat
Après avoir complété ces étapes, vous aurez établi la deuxième partie de cette stratégie, et un popup de confirmation d’envoi de formulaire sera affiché sur votre site aux contacts qui l’ont rempli, en plus de leur envoyer l’email pour valider leur abonnement. N’oubliez pas que ceci est une partie de la stratégie, vous devrez donc continuer pour la terminer dans la leçon suivante.
Poursuivez votre parcours
Maintenant que vous avez terminé cette leçon, terminez de 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 liées
Si vous souhaitez approfondir certains des apprentissages acquis dans cette leçon, vous pouvez accéder à la documentation du guide :
- Éditeur d’email, pour approfondir comment créer vos emails dans Connectif.
- Liens dans les emails, pour revoir tous les liens prédéfinis que vous pouvez et devez utiliser dans vos courriels.
- Qu’est-ce que les variables et comment les utiliser, pour les exploiter au maximum lors de la création de vos contenus.