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’e-mail pour cette stratégie
(Dans cette étape vous allez créer l’e-mail qui permettra aux contacts de confirmer l’inscription à la newsletter).
47. Dans le menu de sélection des nœuds, allez dans « Actions > E-mail » et faites glisser le nœud « Envoyer e-mail » dans l’éditeur afin qu’il se connecte au nœud « Définir champ ».
48. Cliquez sur (Modifier configuration de nœud). Cliquez sur Créer nouveau contenu pour créer un nouvel e-mail.
49. Lors de la création d’un nouvel e-mail, dans le panneau Outils, cliquez sur l’onglet Général pour modifier les paramètres d’aspect général de votre e-mail. Vous pouvez également y accéder en cliquant sur Propriétés générales dans le panneau de création.
- Dans Nom, donnez un nom à votre e-mail.
- Dans Couleurs, définissez la couleur d’arrière-plan du contenu et la couleur d’arrière-plan générale.
- Dans Texte, définissez la police des textes des e-mails par défaut.
- Dans Résumé, indiquez ce que le cliente verra dans l’aperçu de l’e-mail, après l’objet de celui-ci.
- Sous Options HTML, définissez le style général en fonction des styles CSS et HTML.
50. Cliquez sur l’onglet Composants pour accéder aux options de création et de conception de votre e-mail.
- Dans Structure, choisissez la distribution qui correspond le mieux à vos besoins. Si vous ne l’incluez pas, la structure à une colonne sera utilisée par défaut.
- Dans Éléments, ajoutez les éléments de contenu fonctionnel qui vous permettront de construire votre e-mail. Les articles disponibles sont : « Texte », « Image », « Bouton », « Social », « Diviseur », « Espace », « Contenu dynamique », « HTML », « Voir dans le navigateur » et « Pied de page ». Dans cet exemple, nous allons ajouter un champ de texte d’introduction à notre formulaire.
51. Une fois les éléments ajoutés, éditez-les pour configurer votre e-mail :
- Dans « Texte », rédigez votre message en appliquant un format riche (gras, italique, liens...), en insérant des variables dynamiques ou en modifiant la mise en page dans le bloc inséré.
- Dans « Image », collez l’URL de l’image à inclure dans votre e-mail, s’il s’agit d’une image déjà publiée sur Internet. Pour la charger depuis votre dispositif, cliquez sur Charger image et sélectionnez le fichier dans la pop-up. Lors du chargement, 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 du texte et de l’arrière-plan, et ajustez la mise en page dans le bloc. Pour ajouter le lien de confirmation d’inscription à la newsletter, cliquez sur (Lien prédéfini) et sélectionnez l’option « Confirmer inscription à la newsletter », afin qu’elle inclue le lien prédéfini qui mettra à jour l’état d’inscription à la newsletter, aussi bien dans Connectif que dans l’e-commerce.
- (En option) Dans « Social », choisissez les réseaux sociaux que vous souhaitez inclure et modifiez l’URL du lien, ainsi que l’emplacement dans le bloc.
- Sous « Voir dans le navigateur », insérez un texte prédéfini pour ajouter un lien permettant de visualiser le contenu de l’e-mail 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 le lien dans l’éditeur.
- Dans « Pied de page », insérez un pied de page dans votre e-mail, dans lequel vous pouvez spécifier les détails de votre entreprise et donnez au client la possibilité de se désinscrire ou de renvoyer un e-mail. Le lien « Annuler inscription » doit toujours être présent dans les e-mails de type newsletter et doit toujours être « #__cn_unsubscribe ».
52. (En option) Si vous avez ajouté des variables, vérifiez-les et modifiez-les pour vous assurer que le contenu s’affiche pour vos contacts :
- Ajoutez ou sélectionnez dans votre création le composant dans lequel vous souhaitez créer une nouvelle variable et cliquez sur (Éditer élément). Dans cet exemple, nous ajouterons la variable dans le champ de texte pour personnaliser l’e-mail avec le nom du contact.
- Dans l’éditeur, cliquez sur Variables.
- Attribuez un identifiant à la variable pour la différencier. Dans cet exemple, nous lui attribuerons l’identifiant « Name ».
- Dans Valeur par défaut, ajoutez la valeur que vous souhaitez que la variable acquière lorsqu’aucune donnée n’est stockée dans le champ correspondant. Dans cet exemple, nous allons attribuer la valeur par défaut « Hello ».
- Cliquez sur Accepter pour enregistrer les modifications apportées à la variable.
53. Cliquez sur Prévisualiser pour vérifier et enregistrer le résultat final de votre e-mail, en version ordinateur et/ou portable.
54. (En option) Cliquez sur (Envoyer un e-mail de prévisualisation) pour recevoir un e-mail de test à l’adresse vous avez sélectionnée et voir comment le client le recevra.
55. Cliquez sur Enregistrer pour conserver les modifications de votre création et sur Retour à la liste de contenus 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.