Intégration avec Spoki

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).

Spoki_-_1-min.png

 

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).

Spoki_-_24-min.png

 

É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.

Spoki_-_2-min.png

4. Donnez un nom à votre automatisation.

5. Cliquez sur  Add Boot Step.

Spoki_-_3-min.png

6. Dans la fenêtre contextuelle, sélectionnez Integration et recherchez Connectif.

Spoki_-_4-min.png

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. 

Spoki_-_5-min.png

ÉTAPE 2. Sélection du modèle de message dans Spoki

8. Cliquez sur Your Automatic Action.

Spoki_-_6-min.png

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.

Spoki_-_7-min.png

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.

Intégration avec Spoki 2023 - 0-min.png

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.

Intégration avec Spoki 2023 - 1-min.png

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".

Intégration avec Spoki 2023 - 2-min.png

 

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.

Intégration avec Spoki 2023 - 3-min.png

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.

Intégration avec Spoki 2023 - 4-min.png

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.

Intégration avec Spoki 2023 - 5-min.png

 

É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.

Intégration avec Spoki 2023 - 6-min.png

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.

Intégration avec Spoki 2023 - 7-min.png

37. Modifiez le nœud pour supprimer les limitations et cliquez sur   Mettre à jour.

Intégration avec Spoki 2023 - 8-min.png

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.

Intégration avec Spoki 2023 - 9-min.png

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.

Intégration avec Spoki 2023 - 10-min.png

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 :