Connectif dispose d'une synchronisation directe avec votre compte Meta qui vous permettra de créer des campagnes personnalisées pour l'envoi de messages WhatsApp à caractère transactionnel.
Dans cet article, vous apprendrez comment intégrer votre compte Connectif avec Meta à travers un exemple où l'envoi automatique d'un message de confirmation d'achat est configuré.
Temps d'implémentation : 1 heure.
Difficulté : Intermédiaire
Quand l'utiliser : Pour réaliser des campagnes avec WhatsApp.
Ceci est un exemple des nombreuses possibilités offertes par cette intégration. En suivant les principes de base expliqués dans cet article, vous pourrez créer davantage de stratégies de messagerie pour atteindre vos objectifs.
Pourquoi implémenter l'extension
1. Cas d'usage que vous pourrez créer après cette intégration
Voici quelques idées pour vous aider à implémenter différentes stratégies après avoir activé l'extension WhatsApp dans votre boutique Connectif.
- Confirmer l'état de l'achat (comme illustré dans cet article).
- Récupérer les paniers abandonnés en envoyant un message WhatsApp au contact.
- Envoyer des rappels de réservations/événements auxquels un contact s'est inscrit.
- Confirmation d'inscription/enregistrement via WhatsApp.
- Envoyer des alertes de produit de retour en stock au contact.
2. Quelles données de Connectif pouvez-vous utiliser sur WhatsApp ?
Avec cette extension, vous pourrez exploiter toutes les informations recueillies dans la fiche de contact, ainsi que son activité en temps réel, afin de personnaliser les messages WhatsApp que vous envoyez à chaque contact avec les données collectées dans Connectif.
Avant de commencer : prérequis
Pour créer des campagnes WhatsApp et intégrer votre compte Connectif avec ce canal, vous aurez besoin de :
- Un compte développeur Meta (trouvez comment le créer dans la documentation officielle).
- Une application WhatsApp créée (trouvez comment la créer dans la documentation officielle) et configurée.
- Des Templates créés et approuvés par Meta (trouvez comment les créer dans la documentation officielle ou utilisez leurs exemples de modèles).
- Un numéro de téléphone autorisé par Meta.
Ce numéro est exclusivement destiné à l'envoi via l'API Meta Cloud, c'est-à-dire qu'il ne pourra pas être utilisé sur un appareil pour répondre aux messages ou effectuer d'autres actions.
ÉTAPE 1 : Création de l'intégration personnalisée dans Connectif
1. Accédez à Configuration de la boutique dans le menu latéral gauche.
2. Dans le sélecteur d'onglet, allez à "Intégrations > Intégrations personnalisées (webhooks)" et cliquez sur Créer une nouvelle intégration.
3. Définissez le champ "Nom de l'intégration" pour identifier l'intégration.
4. (Facultatif) Personnalisez la couleur, ajoutez une description ou catégorisez l'intégration.
5. Cliquez sur Mettre à jour.
ÉTAPE 2 : Création de l'événement d'envoi
(Dans cette section, les champs à partager avec WhatsApp seront configurés).
Pour cette étape, vous aurez besoin d'un expert avec des compétences en programmation.
6. Dans l'onglet Envoyer des données, cliquez sur Créer un nouvel événement d'envoi.
2.1. Autorisation de l'événement d'envoi
(Dans cette section, les en-têtes permettant l'envoi de messages WhatsApp depuis Connectif seront configurés. Pour cela, certains éléments de Meta devront être copiés dans Connectif, il est donc recommandé d'avoir les deux onglets ouverts).
7. Dans l'application WhatsApp de Meta, allez dans la configuration de l'API et copiez, depuis l'étape 2, l'URL de l'endpoint vers lequel la requête d'envoi des messages est effectuée, comme indiqué sur l'image :
8. Retournez dans Connectif, collez cette URL dans le champ URL du webhook pour envoyer le message.
9. Cliquez sur Ajouter un nouvel en-tête et attribuez le Nom "Authorization".
10. Copiez la valeur associée à l'en-tête que vous trouverez dans l'application WhatsApp de Meta, à l'Étape 2, comme illustré sur l'image :
11. Collez cette valeur dans le champ Valeur de l'en-tête et cliquez sur Accepter.
12. Répétez les étapes 9-11 avec les autres valeurs HTML de l'en-tête :
- Créez un en-tête avec le Nom "Content-Type" et la Valeur "application/json".
2.2. Création de la structure du message dans Connectif
(Dans cette section, les propriétés du message WhatsApp à envoyer seront configurées. L'exemple documente la création d'une structure réelle et pratique d'un message).
Pour configurer le message WhatsApp dans Connectif, vous devez extraire la structure du modèle de message dans un fichier JSON en suivant les instructions fournies dans la documentation officielle de Meta.
13. Utilisez un outil comme JSON Path Finder, qui vous permettra d'extraire le chemin des propriétés que vous devez créer.
14. Dans notre exemple, la structure du modèle à reproduire est :
{
"type": "template",
"to": "[phoneNumber]",
"messaging_product": "whatsapp",
"template": {
"name": "post_purchase_template",
"language": {
"policy": "deterministic",
"code": "FR"
},
"components": [
{
"type": "body",
"parameters": [
{
"type": "text",
"text": "[contactName]"
}
]
}
]
}
}
15. Cliquez sur Créer un nouveau champ.
Retrouvez plus d'informations sur les champs de contact dans cet article.
16. Cochez la case Activer les options JSON dans les champs où cela est nécessaire.
Il est nécessaire d'activer les options JSON lorsque vous devez envoyer des valeurs d'objets imbriqués dans le JSON, c'est-à-dire lorsque vous devez simuler une structure complexe avec des objets imbriqués ou des tableaux.
17. Copiez le chemin et collez-le dans Connectif.
18. Modifiez le chemin en remplaçant le (x.) au début et les (.) par des barres obliques inverses.
Par exemple, si le chemin JSON est x.template.components.0.type, vous devrez le changer en /template/components/0/type.
19. Attribuez un nom et un ID au champ.
ASTUCE : Attribuez au champ dans Connectif le même nom que le chemin JSON afin de le localiser plus facilement.
20. Répétez cette étape avec toutes les propriétés qui seront transmises, jusqu'à ce que vous ayez reproduit le modèle.
21. Cliquez sur Enregistrer pour enregistrer tous les champs.
ÉTAPE 3 : Création du workflow pour envoyer des messages WhatsApp depuis Connectif
(Cette section explique comment envoyer des données depuis Connectif via un workflow).
22. Accédez à Workflows depuis le menu latéral gauche.
23. Cliquez sur Créer un nouveau workflow et sélectionnez Créer un workflow vierge.
24. Créez la structure de votre workflow avec un nœud de type déclencheur, dans l'exemple "Lors d'un achat", et le nœud d'action "Envoyer WhatsApp”.
Dans notre exemple, lorsqu'un contact effectue un achat, un message de confirmation WhatsApp lui sera envoyé.
25. Configurez le nœud en attribuant les valeurs (colonne de gauche) à leurs champs respectifs (colonne de droite).
- Les informations du contact (nom et téléphone) proviennent des informations du Contact.
- Les autres champs doivent être configurés avec une valeur Littérale et complétés avec les informations du modèle, qui peuvent être extraites du JSON.
N'oubliez pas de configurer le workflow uniquement pour les contacts avec un téléphone mobile via le nœud "Accueil".
26. Cliquez sur Mettre à jour pour enregistrer la configuration du nœud et sauvegardez votre workflow.
Dans notre exemple, voici le résultat du message WhatsApp, où "Maria" est le nom du contact.
Succès!
L'intégration de votre compte Connectif avec WhatsApp est prête.
Continuez à apprendre!
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de continuer avec les articles suivants :
- Intégration personnalisée pour recevoir des données, pour apprendre à utiliser des informations non enregistrées par défaut dans la plateforme.
- Intégrations avec des systèmes externes, pour intégrer votre compte Connectif avec Facebook, des formulaires et d'autres webhooks de votre site.
-
Intégrations via API, pour gérer des événements tels que l'enregistrement d'achats ou de contacts.
- Campagne d'email massive par lots, pour concevoir une campagne par étapes afin d'éviter la saturation des serveurs en cas d'augmentation des visites sur le site web.