Au cours de 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’inscription optimal pour vos listes de diffusion, qui vous permettra de disposer d’une base de données fiable et de qualité. Avec Connectif, il est possible de créer un workflow d’acquisition de contacts avec double confirmation d’inscription, afin d’augmenter et d’améliorer vos listes de diffusion avec une même stratégie.
Objectif : Acquisition.
Eléments utilisés : Pop-up, e-mail.
Durée de mise en œuvre : 1 heure.
Nous vous recommandons de suivre toutes les étapes et de mettre en œuvre cette stratégie à partir de zéro dans votre compte. Si vous avez besoin d’une solution rapide, dans le Répertoire des Modèles de workflows, vous trouverez le modèle d’Inscription à 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 une pop-up sur votre site web pour inviter vos visiteurs à s’inscrire à votre newsletter.
Résumé de la leçon
Dans cette leçon, vous apprendrez:
- Le nœud « Lors de l’envoi de formulaire » pour réagir lorsqu’un contact s’inscrit sur votre site web.
- Le nœud « Définir champ » pour modifier les champs de vos contacts à travers un workflow.
- Le nœud « Envoyer e-mail » pour envoyer un e-mail transactionnel.
- Comment créer un courrier électronique dans Connectif avec l’éditeur d’e-mail.
- Comment créer et ajouter des variables à vos contenus.
A la fin de la leçon, vous aurez créé dans votre compte:
La seconde partie de la stratégie de recrutement, à travers laquelle vous allez mettre à jour le fichier de contacts et réagir à l’envoi du formulaire d’inscription de votre pop-up (créé dans la leçon précédente) par deux moyens :
- Avec une pop-up de rappel dans laquelle vous demanderez au contact de confirmer son inscription par e-mail.
- Avec l’e-mail lui-même, qui contiendra le lien de confirmation d’inscription.
Configuration de la stratégie
Accédez au workflow dans lequel vous avez créé la première partie de cette stratégie. Cliquez sur Workflows et recherchez le workflow que vous avez créé avec le nom « Inscription double opt-in » (ou le nom que vous avez choisi).
ÉTAPE 6. Nœud « Lors de l’envoi de formulaire »
Comment fonctionne le nœud « Lors de l’envoi de formulaire »
Ce nœud permet de réagir lorsqu’un contact confirme l’envoi d’un formulaire après l’avoir rempli.
L’interface du nœud permet de configurer s’il est déclenché par l’envoi de n’importe quel formulaire ou d’un formulaire spécifique. De plus, il est possible de filtrer par l’URL à partir de laquelle le formulaire est envoyé.
Comment configurer le nœud « Lors de l’envoi de formulaire » pour cette stratégie
(Ce nœud détectera le moment précis où un contact envoie le formulaire de la pop-up d’inscription pour laisser place à l’action suivante, qui sera le nœud « Définir champ »).
37. Dans le menu de sélection des nœuds, allez dans « Déclencheurs > Web » et faites glisser le nœud « Lors de l’envoi de formulaire » dans l’éditeur afin qu’il se connecte au nœud « Démarrage ».
38. Cliquez sur (Modifier configuration de nœud) pour le nœud « Lors de l’envoi de formulaire ».
39. Cliquez sur Un formulaire spécifique.
40. Ensuite, sélectionnez le formulaire affiché dans la pop-up d’inscription à la newsletter créée dans la leçon précédente.
41. Dans l’onglet Limitations, décochez la case « Désactiver après déclenchement ».
42. Cliquez sur Mettre à jour.
Dans 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 champ »
Comment fonctionne le nœud « Définir champ »
Ce nœud permet d’enregistrer ou de modifier des informations dans la fiche du contact.
L’interface du nœud permet de lier les nouvelles informations obtenues lors du workflow (colonne de gauche) aux champs de contact existants (colonne de droite). De plus, ce nœud permet d’attribuer des valeurs littérales, pour ajouter ou mettre à jour les informations du champ avec une valeur fixe définie par l’utilisateur (par exemple, attribuer un score spécifique à tous les contacts dans un workflow).
Comment configurer le nœud « Définir champ » pour cette stratégie
(Ce nœud enregistrera les informations obtenues dans le formulaire de la pop-up).
43. Dans le menu de sélection des nœuds, allez dans « Actions > Contact » et faites glisser le nœud « Définir champ » dans l’éditeur afin qu’il se connecte au nœud « Lors de l’envoi de formulaire ».
44. Cliquez sur (Modifier configuration de nœud) du nœud « Définir champ ».
45. Faites glisser le champ « Nom », la source de données étant le nœud « Lors de l’envoi de formulaire », de la colonne de gauche vers le bloc central, afin qu’il coïncide avec le champ « Nom » dans la colonne de droite. Vous pouvez le trouver dans la liste des champs ou le saisir dans le moteur de recherche pour le localiser, comme dans l’exemple. Dans Opérateur, sélectionnez « Attribuer ».
46. Cliquez sur Mettre à jour.
Dans cette étape, Connectif mettra à jour le nom des contacts qui envoient le formulaire. Nous n’allons pas encore modifier l’attribut d’inscription à la newsletter, car pour cela, le contact doit confirmer l’inscription via l’e-mail que nous créerons à l’étape suivante.
ÉTAPE 8. Nœud « Envoyer e-mail »
Comment fonctionne le nœud « Envoyer e-mail »
Ce nœud est utilisé pour envoyer un courrier électronique aux contacts qui atteignent cette partie du workflow. Dans l’interface du nœud, tous les aspects de l’e-mail à envoyer et les destinataires sont configurés par étapes :
- Configuration du modèle d’e-mail. Pour sélectionner un e-mail créé précédemment ou en configurer un nouveau dans l’éditeur d’e-mails.
-
Configuration du nœud. Pour configurer l’envoi :
- Envoyer à Pour choisir parmi les Contacts et envoyer cet e-mail aux utilisateurs dont le « État d’e-mail » est « Actif » ou E-mail spécifique et indiquer manuellement les adresses e-mail qui recevront tous les e-mails devant être envoyés.
- Sélection du type d’e-mail. Pour choisir si l’e-mail sera Transactionnel, et sera envoyé à tous les contacts, Newsletter , et sera envoyé aux utilisateurs avec « État de la Newsletter » : « Inscrit ».
- Paramètres. Pour définir l’Objet de l’e-mail, le Nom d’origine, l’ e-mail d’origine et l’ e-mail de réponse.
- Configuration des champs et des valeurs. Pour attribuer ou modifier les valeurs des variables de l’e-mail.
- Google Analytics. Pour établir les paramètres de suivi de Google Analytics dans l’e-mail.
Comment fonctionne l’éditeur d’e-mail
L’Éditeur d’e-mail est la fonctionnalité de Connectif qui vous permet de personnaliser, de manière responsive, le contenu des e-mails qui seront envoyés à vos clients via des workflows.
L’éditeur d’e-mails est basé sur la méthode de conception ‘drag and drop’ (glisser-déposer), vous pouvez donc mettre en page vos e-mails rapidement, facilement et de manière très visuelle.
Comment configurer l'email pour cette stratégie
(Dans cette étape, vous allez créer l'email afin que les contacts puissent confirmer leur abonnement à la newsletter).
47. Dans le menu de sélection des nœuds, allez à "Actions > Email" et faites glisser le nœud "Envoyer un email" dans l'éditeur, en le connectant au nœud "Définir champ".
48. Cliquez sur (Modifier la configuration du nœud). Cliquez 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 d'apparence générale de votre email.
- Dans Nom, identifiez le nom de votre email.
- 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 pour le texte de l'email.
- Dans Résumé, indiquez ce qui apparaîtra au client dans l'aperçu de l'email après le sujet.
-
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 conception de votre email.
- Dans Structure, choisissez la mise en page qui convient le mieux à vos besoins. Si elle n'est pas incluse, une structure à une seule colonne sera utilisée par défaut.
- Dans Éléments, ajoutez les pièces de contenu fonctionnel pour construire la conception de votre email. Les éléments disponibles sont: "Texte", "Image", "Bouton", "Social", "Diviseur", "Espace", "Produit", "HTML", "Voir dans le navigateur" et "Pied de page". Dans cet exemple, nous ajouterons un champ de texte d'introduction pour notre formulaire.
51. Une fois les éléments ajoutés, modifiez-les pour configurer votre email:
- Dans "Texte", écrivez votre texte avec un formatage enrichi (gras, italique, liens…), insérez des variables dynamiques ou modifiez leur placement dans le bloc inséré.
- Dans "Image", collez l'URL de l'image pour l'inclure dans votre email si elle est 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 pop-up. Une fois téléchargée, l'URL de l'image sera définie automatiquement.
- Dans "Bouton", définissez le texte qui apparaîtra sur votre bouton, l'attribut ‘title’, sélectionnez les couleurs de texte et de fond et ajustez le placement 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 qu'il inclue le lien prédéfini qui mettra à jour le statut de l'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 le placement 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/Éditer le lien dans l'éditeur.
- Dans "Pied de page", insérez un pied de page dans votre email, où vous pouvez spécifier les informations de votre entreprise et fournir au client l'option de se désabonner ou de transférer un email. Le lien de “Désabonnement” 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, examinez-les et modifiez-les pour vous assurer de la façon dont le contenu est affiché à vos contacts:
- Ajoutez ou sélectionnez dans votre conception le composant où vous souhaitez créer une nouvelle variable et cliquez sur (Éditer l'élément). Dans cet exemple, nous ajouterons la variable au 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'il n'y a pas de données stockées dans le champ correspondant. Dans cet exemple, nous lui attribuerons la valeur par défaut "Hello".
- Cliquez sur Accepter pour enregistrer les modifications apportées à la variable.
53. Cliquez sur (Aperçu) pour examiner et enregistrer le résultat final de votre email dans les versions de bureau et/ou mobile.
54. (Optionnel). Cliquez sur (Envoyer un email d'aperçu) pour recevoir un email de test à l'adresse sélectionnée et vérifier comment le client le recevra.
55. Cliquez sur Enregistrer pour sauvegarder les modifications apportées à la conception et sur pour terminer la configuration du nœud.
Comment configurer le nœud « Envoyer e-mail » pour cette stratégie
(Ce nœud enverra au contact l’e-mail que vous venez de créer pour confirmer son inscription à la newsletter).
56. Après avoir sélectionné l’e-mail que vous venez de créer, cliquez sur Suivant .
57. Dans la section Envoyer à, sélectionnez « Contact »
58. Indique le type d’e-mail « Transactionnel ».
59. Configurez la section Paramètres de « Envoyer à contact » avec les informations de l’e-mail d’envoi et de l’e-mail de réponse.
60. Dans Google Analytics, cliquez sur « Activer Google Analytics » puis sur Suivant .
61. (En option) Si vous avez créé des variables pour votre contenu, liez-les aux champs de Connectif en sélectionnant le champ auquel elles correspondent dans la colonne de gauche et en l’affectant à la variable. Dans cet exemple, le champ « Nom » sera celui qui donne la valeur à la variable « Name », qui est utilisée à la fois dans l’objet et dans le corps de l’e-mail.
62. Dans Limitations, décochez la case « Limite par contact ».
63. Cliquez sur Terminer .
Dans cette étape, nous avons envoyé un e-mail aux contacts pour confirmer leur inscription via le lien que nous avons ajouté au bouton. Ce lien, en plus d’activer le nœud suivant, fera passer l’état d’inscription à la newsletter de la fiche du contact à « Inscrit ».
ÉTAPE 9. Deuxième nœud « Envoyer contenu web »
Comment créer la pop-up pour cette stratégie
(Dans cette étape, vous allez créer la pop-up 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 faites glisser le nœud « Envoyer contenu web » dans l’éditeur afin qu’il se connecte au nœud « Lors de l’envoi de formulaire ».
65. Cliquez sur (Modifier configuration de nœud) du nœud « Envoyer contenu web » et Créer nouveau contenu pour générer un nouveau contenu.
66. Lors de la création d’un nouveau contenu Web, sélectionnez Pop-up comme type, donnez-lui un nom et cliquez sur Créer contenu web.
67. Dans l’onglet Général, éditez les paramètres de l’aspect général de votre pop-up.
68. Dans l’onglet Composants, configurez la mise en page et ajoutez les éléments souhaités à votre pop-up en cliquant dessus et en les faisant glisser dans l’éditeur.
Si nécessaire, toutes les étapes pour créer une pop-up sont disponibles dans cette leçon.
69. Une fois créée, cliquez sur Enregistrer et sur Retourner 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 la pop-up que vous venez de créer pour les contacts qui ont envoyé le formulaire).
70. Après avoir sélectionné la pop-up que vous venez de créer, cliquez deux fois sur Suivant .
71. Cliquez sur Terminer .
Dans cette étape, nous avons montré une pop-up aux contacts qui ont envoyé le formulaire, pour les informer qu’ils doivent vérifier leur boîte de réception et confirmer leur inscription à la newsletter via l’e-mail que nous leur avons envoyé.
Résultat
Après accomplissement de ces étapes, vous aurez défini la deuxième partie de cette stratégie, et une pop-up s’affichera sur votre site web aux contacts ayant rempli et envoyé le formulaire et ils recevront un e-mail pour valider leur inscription. N’oubliez pas que cela fait partie de la stratégie, vous devrez donc continuer pour la terminer dans la prochaine leçon.
Continuez votre parcours
Maintenant que vous avez terminé cette leçon, terminez la configuration de cette stratégie dans votre compte en suivant les étapes de l’article suivant.
Félicitations !
Vous avez terminé la leçon.
Retour au cours
Accédez à l’index complet du cours et à l’explication de chaque leçon en cliquant sur ce lien.
Information associée
Si vous souhaitez approfondir certains des apprentissages de cette leçon, vous pouvez accéder à la documentation du guide :
- Éditeur d’e-mails, pour en savoir plus sur la création de vos e-mails dans Connectif.
- Que sont les variables et comment les utiliser, pour en tirer le meilleur parti lorsque vous créez vos contenus.