Synchronisez votre compte Connectif avec l'outil Spoki pour créer des campagnes de messagerie directe personnalisées via WhatsApp pour chaque contact.
Dans cet article, vous apprendrez comment intégrer votre compte Connectif avec Spoki et automatiser l'envoi de messages lorsque le contact abandonne son panier.
Temps d'implémentation : 1h.
Difficulté : Intermédiaire
Quand l'utiliser ? : Pour créer des campagnes via 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.
Avant de commencer : prérequis
Pour intégrer votre compte Connectif avec Spoki et automatiser des campagnes de WhatsApp, vous aurez besoin de :
- Un compte dans Spoki.
- Le modèle créé pour votre campagne dans Spoki.
Vous trouverez plus d'informations sur la création de vos modèles dans la section "Templates" de Spoki, en cliquant sur le bouton (informations).
Lors de la création de votre modèle, il est essentiel de spécifier les champs dynamiques qu'il contiendra, car ce sont ceux qui seront transmis depuis Connectif avec les informations personnalisées pour l'utilisateur.
Il existe deux types de champs dans les modèles :
- Champs d'enregistrement (Registry Fields) : ceux fournis par Spoki.
-
Champs dynamiques (Dynamic Fields) : les champs personnalisés. Ceux-ci doivent toujours être en majuscules. Dans le modèle d'exemple, on trouve deux champs dynamiques :
- CHECKOUT URL (URL de paiement).
- TOTAL AMOUNT (montant total des articles).
ÉTAPE 1. Création de l'automatisation dans Spoki
1. Connectez-vous à votre compte Spoki.
2. Accédez à la section Automations.
3. Cliquez sur New.
4. Donnez un nom à votre automatisation.
5. Cliquez sur Add Boot Step.
6. Dans la fenêtre contextuelle, sélectionnez Integration et recherchez Connectif.
7. Enregistrez l'URL qui s'affiche, elle sera l'URL du WebHook que vous utiliserez ensuite dans Connectif.
Gardez cette adresse précieusement ! C'est l'endpoint où seront reçues les informations envoyées depuis Connectif, vous permettant de personnaliser vos messages de manière automatique.
ÉTAPE 2. Sélection du modèle de message dans Spoki
8. Cliquez sur Your Automatic Action.
9. Dans Action Type, filtrez par Template.
10. Sélectionnez dans When la période d'attente avant que l'action ne se déclenche après l'activation du déclencheur (qui dans ce cas sera donné par Connectif).
11. Dans le moteur de recherche, filtrez et sélectionnez le modèle que vous souhaitez envoyer.
12. Cliquez sur Add.
13. Enregistrez les modifications.
ÉTAPE 3. Création de l'intégration dans Connectif
14. Accédez à Configuration de la boutique dans le menu latéral gauche.
15. Dans le sélecteur d'onglets, allez à "Intégrations > Intégrations personnalisées (webhooks)" et cliquez sur Créer une nouvelle intégration.
16. Définissez le champ "Nom de l'intégration" pour identifier l'intégration.
17. (Facultatif) Personnalisez la couleur, ajoutez une description ou catégorisez l'intégration.
18. Cliquez sur Mettre à jour.
ÉTAPE 4. Création de l'événement d'envoi
(Dans cette section, nous allons configurer les champs qui seront partagés avec WhatsApp).
18. Dans l'onglet Envoyer des données, cliquez sur Créer un nouvel événement d'envoi.
19. Dans cette fenêtre, attribuez un nom à l'événement.
20. Ajoutez l'URL de l'endpoint que vous avez trouvée précédemment dans Spoki (étape 1) dans le champ "Webhook URL où envoyer le message".
4.1. Création de la structure du message dans Connectif
(Dans cette section, nous allons configurer les propriétés du message à envoyer, basées sur le modèle de Spoki. L'exemple documente la création d'une structure réelle et pratique d'un message).
21. Pour pouvoir envoyer les informations à Spoki, il est nécessaire de reproduire la structure JSON du modèle. En continuant avec l'exemple du modèle "Contact Data", le fichier JSON à reproduire est :
{
"phone": "+393931256677", //obligatoire
"first_name": "Maria",
"email": "maria.ross@example.com",
}
22. Cliquez sur Ajouter un nouveau champ.
23. Sélectionnez le type de champ (texte, email, etc.).
Pour plus d'informations sur les champs de contact, consultez cet article.
24. Ajoutez un Nom et un ID.
25. Cochez, si nécessaire, la case Activer les options JSON.
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 l'itinéraire et collez-le dans Connectif.
18. Modifiez l'itinéraire en remplaçant le (x.) du début et les (.) par des barres obliques inversées.
Par exemple, si l'itinéraire JSON est x.custom_fields.TOTAL_AMOUNT, vous devez le changer en /custom_fields./TOTAL_AMOUNT.
19. Attribuez un nom et un ID au champ.
ASTUCE PRO : attribuez le même nom au champ dans Connectif que la route JSON afin de le retrouver plus facilement.
20. Répétez cette étape pour toutes les propriétés à transmettre, jusqu'à ce que vous ayez reproduit le modèle.
21. Cliquez sur Enregistrer pour sauvegarder tous les champs.
ÉTAPE 5. Création du workflow pour automatiser l'envoi de messages WhatsApp
(Cette section explique comment envoyer les données depuis Connectif via un workflow).
33. Allez dans Workflows et cliquez sur Créer un nouveau workflow.
34. Sélectionnez un nouveau workflow vierge.
35. Dans le "Nœud Début", sélectionnez Tous les contacts de ma liste.
36. Ajoutez le nœud déclencheur "Lors de l'abandon de panier" pour que le workflow soit activé lorsque le visiteur de votre site ajoute des produits à son panier sans finaliser l'achat.
37. Modifiez le nœud pour supprimer les limitations et cliquez sur Mettre à jour.
38. Recherchez le nœud de type action que vous avez créé lors de l'intégration avec Spoki (étape 4) et ajoutez-le à votre workflow.
Lorsque le contact abandonne le panier, nous souhaitons informer Spoki de cet événement.
39. Configurez le nœud en attribuant les variables à leurs valeurs respectives :
- Les variables de contact (nom, prénom, téléphone et email) proviennent de la fiche de Contact.
- Les informations sur la propriété du panier (TOTAL AMOUNT) sont obtenues par le nœud Lors de l'abandon de panier.
- L'URL de paiement est définie manuellement par une valeur de type Littéral.
40. Cliquez sur Mettre à jour pour enregistrer la configuration du nœud et sauvegarder votre workflow.
41. Dans le workflow, cliquez sur Enregistrer pour sauvegarder les modifications et sur Démarrer pour l'activer.
Succès !
L'intégration de votre compte Connectif avec Spoki est prête.
Continuez à apprendre !
Pour exploiter tout le potentiel de votre compte Connectif, nous vous recommandons de consulter les articles suivants :
- Intégration personnalisée pour recevoir des données, pour apprendre à utiliser des informations non enregistrées par défaut sur 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 les enregistrements d'achats ou l'ajout de contacts.
- Campagne d'email en lots, pour concevoir une campagne par phases afin d'éviter la surcharge des serveurs en cas d'augmentation du trafic sur le site.