Intégration avec Reskyt

Si votre eCommerce est sur Reskyt, intégrez votre compte Connectif avec Reskyt pour pouvoir envoyer des notifications push natives via l'application.

Dans cet article, vous apprendrez comment intégrer votre compte Connectif avec Reskyt pour recueillir l'activité du contact et un exemple de workflow dans lequel une notification push est envoyée à Reskyt. 

Pourquoi implémenter l’extension

1. Cas d'utilisation que vous pourrez créer après cette intégration

Voici quelques idées qui pourraient vous aider à mettre en œuvre différentes stratégies dans l’application Reskyt après avoir activé l’extension avec Reskyt dans votre boutique Connectif.

• Récupérer les paniers abandonnés.
• Mettre en place des stratégies de remarketing via les push de Reskyt.
• Envoyer un message d'anniversaire aux contacts.
• Offrir une réduction pour l’anniversaire de la première commande.

2. Que pouvez-vous faire avec Connectif sur Reskyt ?

Avec cette extension, depuis Connectif, vous pourrez créer des stratégies automatisées pour envoyer des notifications push via l’application Reskyt.

De plus, vous pourrez recueillir l'activité du contact sur Reskyt.

3. Quelles données de Connectif pouvez-vous utiliser sur Reskyt ?

De même, sur Reskyt, vous pourrez exploiter toutes les informations recueillies dans la fiche du contact, ainsi que son activité en temps réel, pour personnaliser les notifications avec les données du contact de Connectif.

Avant de commencer : ce que vous devez prendre en compte

Pour intégrer votre compte Connectif avec Reskyt et automatiser l’envoi de notifications push natives, vous aurez besoin de :

• Demander à Reskyt l’activation de l’API et sa valeur,  pour pouvoir l’utiliser.

De plus, vous devez prendre en compte certaines caractéristiques des notifications push mobiles envoyées via Reskyt :

• Il n'est pas possible d'annuler l'abonnement d'un contact à ces notifications, car il n'existe aucun mécanisme qui notifie en cas d’échec de livraison.
• Les push mobiles ne disposent pas de statistiques ni d’analyses sur les envois, ouvertures ou clics. 
  • Il serait possible de récupérer le nombre de clics via des options UTM dans le lien, mais ce n’est pas une valeur collectée par défaut.
• Le contact aura au maximum un seul appareil, car un seul jeton peut être stocké dans le champ personnalisé.
• Deux contacts ou plus peuvent avoir le même jeton Reskyt, car ils pourraient, par exemple, ouvrir plusieurs sessions sur le même appareil. 

ÉTAPE 1 : Création du champ personnalisé qui stockera le jeton Reskyt 

(Dans cette section, nous allons créer le champ personnalisé qui enregistrera le jeton de Reskyt, c'est-à-dire l'identifiant du contact dans l'application).  

1. Allez à "Contacts > Champs du Contact" et cliquez sur    Ajouter un nouveau champ personnalisé.

2. Assignez-lui le type Texte et cliquez sur Aller à l'éditeur.

3. Attribuez-lui un Nom et l'ID "reskyt-token" puis cliquez sur   Enregistrer.

ÉTAPE 2 : Création du workflow pour collecter le jeton du contact  

(Dans cette section, nous allons créer le workflow qui collectera l'activité du contact lors de sa navigation sur l'application Reskyt et mettra à jour, dans Connectif, le champ personnalisé que vous avez créé à l' ÉTAPE 1. Cette activité sera recueillie via un script inséré dans Reskyt en inline).

4. Allez à Workflows et cliquez sur    Créer un nouveau workflow.

5. Sélectionnez un nouveau workflow vierge.

6. Dans le "Nœud Accueil", sélectionnez Tous les contacts de ma liste.

7. Ajoutez le nœud déclencheur "Lors de la visite d'une page" afin que le workflow s'active lorsqu'un contact visite le site web. Dans la configuration du nœud, dans l'onglet Limitations, supprimez toutes les restrictions.

8. Ajoutez le nœud de type condition "Vérifier la valeur" et accédez à l'éditeur du nœud.

9. Dans la configuration du nœud  "Vérifier la valeur" sélectionnez l'opérateur User Agent, obtenu à partir du nœud "Lors de la visite d'une page", et faites-le glisser vers la colonne gauche du panneau central.

10. Sélectionnez, dans la colonne de droite, la valeur Littéral et faites-la glisser dans le panneau central, dans la colonne de droite. Ensuite, entrez dans cette valeur le texte "rktwebview".

11. Cliquez sur   Mettre à jour.

12. Ajoutez le nœud d'action "Envoyer du contenu web" pour insérer le script qui vérifiera l'activité du contact sur Reskyt.

13. Ne modifiez pas la connexion entre ce nœud et le nœud "Vérifier la valeur", afin qu'il affiche "Oui".

14. Cliquez sur  (Modifier la configuration du nœud) du nœud “Envoyer du contenu web” puis  Créer un nouveau contenu pour générer un nouveau contenu.

15. Lors de la création d'un nouveau contenu, sélectionnez le type Inline, attribuez-lui un nom, par exemple "Script Reskyt", et cliquez sur   Créer un nouveau contenu. 

16. Ajoutez un composant de type HTML et modifiez-le en copiant et collant le code suivant :

<script>
(function connectifReskyt(global) {

  if (global.connectif &&

      global.connectif.managed &&

      global.connectif.managed.isInitialized()) {

    getReskytToken();

  } else {

    global.document.addEventListener(

      "connectif.managed.initialized",

      function onConnectifInitialized() {

        getReskytToken();

      }

    );

  }

  function getReskytToken() {

    var reskytToken = getCookie("token_md5") || "";

    var previousReskytToken = global.sessionStorage.getItem("cn_reskyt_token");

    if (reskytToken !== previousReskytToken) {

      global.connectif.managed.sendEvents([], {

        entityInfo: { "reskyt-token": reskytToken },

        onResponded: function onResponded() {

            global.sessionStorage.setItem("cn_reskyt_token", reskytToken);

        }

      });

    }

  }

  function getCookie(name) {

    var value = "; " + global.document.cookie;

    var parts = value.split("; " + name + "=");

    if (parts.length === 2) return parts.pop().split(";").shift();

  }

})(window);
</script>

17. Cliquez sur  Enregistrer pour conserver les modifications, puis sur   Retour au sélecteur pour revenir et finaliser la configuration du nœud.

18. Une fois que vous avez sélectionné le contenu Inline que vous venez de créer, cliquez sur Suivant .

19. Dans Configuration, ajoutez le sélecteur approprié pour afficher le contenu. Dans ce cas, il est recommandé d’inclure le contenu sur la page produit ou sur une autre page qui se charge à la fois sur le web et dans l'application.

20. Dans l’onglet Limitations, supprimez toutes les restrictions du nœud. Enfin, cliquez sur Terminer pour enregistrer la configuration du nœud.

21. Enregistrez et activez le Workflow.

ÉTAPE 3 : Création de l'événement d'envoi de données pour afficher les pushs dans Reskyt

(Dans cette section, nous allons créer l'événement qui enverra les informations de Connectif à Reskyt pour permettre l'affichage des notifications push dans l'application).

22. Accédez à Configuration de la boutique dans le menu latéral gauche.

23. Dans le sélecteur d'onglet, allez à "Intégrations > Intégrations personnalisées (webhooks)" et cliquez sur   Créer une nouvelle intégration.

24. Définissez le champ "Nom de l'intégration" pour identifier l'intégration et cliquez sur  Mettre à jour.

25. Dans l'onglet Envoyer des données, cliquez sur  Créer un nouvel événement d'envoi.

26. Dans cet écran, attribuez un nom à l'événement.

27. Dans le champ URL du Webhook où envoyer le message, collez l'URL de l'API de Reskyt pour envoyer des notifications push. Dans ce cas, l'URL est "https://push.api.reskyt.com/push/send".

28. Cliquez sur Ajouter un nouvel en-tête et attribuez-lui le Nom "x-api-key" et, dans la Valeur, entrez la valeur de l'API de Reskyt.

29. Cliquez sur   Ajouter un nouveau champ pour créer chacun des champs personnalisés et compléter leurs informations :

• Créez un champ avec le nom et l'ID "dateEnd" de type Texte.

Bien qu'il ne soit pas obligatoire d'ajouter la date de fin, il est recommandé de le faire, par exemple, dans des stratégies où nous souhaitons envoyer une notification push informant d'une offre, afin qu'elle cesse d'être envoyée lorsque cette offre prend fin.

• Créez un champ avec le nom et l'ID "pictureUrl" de type Texte.
• Créez un champ avec le nom et l'ID "title" de type Texte et marquez-le comme obligatoire.
• Créez un champ avec le nom et l'ID "tokens" de type Texte et marquez-le comme obligatoire. Activez les options JSON et attribuez-lui le paramètre "/tokens/0".

• Créez un champ avec le nom et l'ID "url" de type Texte.
• Créez un champ avec le nom et l'ID "utmCampaign" de type Texte.

30. Cliquez sur  Enregistrer.

ÉTAPE 4 : Création du workflow pour envoyer une notification push dans Reskyt

(Dans cette section, nous allons créer la stratégie qui enverra une notification push à l'application Reskyt).

31. Allez à Workflows et cliquez sur    Créer un nouveau workflow et sélectionnez un Nouveau workflow vierge.

32. Dans le "Nœud Accueil", sélectionnez le Segment Dynamique Plus que vous avez créé pour filtrer les contacts de Reskyt. 

34. Recherchez le nœud d'action que vous avez créé lors de votre intégration avec Reskyt (étape 3) et ajoutez-le à votre workflow.

35. Dans la configuration du nœud, faites glisser le champ "reskyt-token" des informations du contact et faites-le correspondre avec la valeur "Tokens" de la colonne de droite. Les autres valeurs doivent être associées à un champ Littéral pour donner la structure et les informations que votre push contiendra dans Reskyt.

36. Cliquez sur  Mettre à jour pour enregistrer la configuration du nœud et activez votre workflow.