Guide d’intégration avec Magento 2

Si votre eCommerce est développé avec Magento, vous pourrez facilement l’intégrer à Connectif et commencer à recueillir les données de vos clients afin de créer vos campagnes.

Dans cet article, vous apprendrez comment installer et configurer le module Connectif pour Magento 2.

 
Temps d’implémentation : 15-20 min.
Difficulté : Avancée (des connaissances techniques sont requises).
Quand l’utiliser ? : Lors de la création de votre compte Connectif.

 

ÉTAPE 1. Téléchargement et installation du module Magento 2

Selon la version de Magento utilisée par votre eCommerce, vous devrez suivre différentes étapes :

  • Si vous disposez d’une version antérieure à Magento 2.2, consultez la section A de cette étape.
  • Si vous disposez d’une version ultérieure à Magento 2.2, consultez la section B de cette étape.
  • Si vous utilisez Magento + Hyvä, consultez la section correspondant à votre version ainsi que le point 6 de la foire aux questions.

 

A. Versions antérieures à Magento 2.2

A.1. Téléchargement du module

1. Accédez à votre compte Connectif.

2. Accédez à Paramètres de la boutique dans le menu latéral gauche.

3. Dans la section Plateformes e-commerce, recherchez Magento et cliquez sur Modifier.

Guia para integrar con Magento 2 Ene 25 - 10-min.png

 

4. Dans la section Configuration, cliquez sur  Télécharger le module Magento 2 pour télécharger le fichier « connectif.zip » sur votre ordinateur.

Guia para integrar con Magento 2 Ene 25 - 11-min.png

 

A.2. Copie du dossier Connectif dans l’installation de Magento

5. Copiez le dossier "Connectif" et tout son contenu dans le dossier "/app/code/", situé à la racine de l’installation de Magento 2.

 

Si le dossier "/app/code/" n’existe pas, vous devrez le créer.

 

Par exemple, si le chemin d’installation de Magento 2 est « /var/www/html », vous devrez copier le dossier "Connectif" dans "/var/www/html/app/code/Connectif".

 

A.3. Installation du module

6. Accédez au panneau d’administration de Magento 2 et rendez-vous dans la section « System > Web Setup Wizard ».

 

Setup Wizard est supprimé à partir de la version 2.4.0 de Magento. Vous devrez donc activer l’intégration à l’aide de commandes, disponibles au point 2b de la documentation d’installation jointe au fichier "connectif.zip" téléchargé à l’étape 2. Pour en savoir plus, consultez la documentation de Magento.

Magento_Integracion_-_3.png

 

7. Dans Module Manager, recherchez le module Connectif_Integration et sélectionnez Activate.

Magento_Integracion_-_4.png

 

8. Suivez les étapes indiquées lors de l’installation du module Connectif et cliquez sur Suivant :

  • Readiness Check : cette étape permet d’effectuer des vérifications concernant la version de PHP, les crons, les dépendances et les extensions.

Magento_Integracion_-_5.png

 

  • Backup : cette étape permet de réaliser une sauvegarde de l’eCommerce avant l’installation du module. 

Magento_Integracion_-_7.png

 

  • Enable module : cette étape permet d’activer le module. 

Magento_Integracion_-_8.png

 

B. Versions ultérieures à Magento 2.2

B.1. Téléchargement du module

1. Accédez à votre compte Connectif.

2. Accédez à Paramètres de la boutique dans le menu latéral gauche.

3. Dans la section Plateformes e-commerce, recherchez Magento et cliquez sur Modifier.

Guia para integrar con Magento 2 Ene 25 - 10-min.png

 

12. Dans la section Configuration, cliquez sur  Télécharger le module Magento 2 pour télécharger le fichier « connectif.zip » sur votre ordinateur.

Guia para integrar con Magento 2 Ene 25 - 11-min.png

 

B.2. Copie du dossier Connectif dans l’installation de Magento

13. Connectez-vous à la boutique Magento 2.x via une connexion SSH.

14. Après une connexion SSH réussie, utilisez la ligne de commande (shell) pour vous rendre dans le répertoire racine de Magento où Magento 2 est installé.

15. Chargez le module (au format Zip ou tar.gz) dans le répertoire racine de l’installation de Magento 2.

16. Décompressez le fichier dans un répertoire temporaire.

17. Le module décompressé doit être copié dans « app/code/Connectif/ ». Créez ce dossier à l’aide de la commande suivante :

mkdir –p app/code/Connectif/

18. Copiez le contenu du dossier décompressé dans le dossier créé à l’étape précédente :

cp -R Connectif/* app/code/Connectif/

19. Exécutez la commande d’installation de Magento 2 depuis la racine : 

php bin/magento setup:upgrade

20. Compilez le module installé avec :

php bin/magento setup:upgrade

21. Videz le cache avec :

php bin/magento cache:flus
 

Le module sera installé et visible depuis Stores > Configuration > Advanced > Advanced. Le module apparaîtra dans cette section, dans la liste des modules Magento installés.

 

ÉTAPE 2. Activation du module

  

Cette configuration est identique pour les versions antérieures et ultérieures à Magento 2.2.

22. Rendez-vous dans « Stores > Configuration > " et recherchez la configuration de Connectif.

Guía para integrar con Magento 2 - 1.png

 

23. Dans Basic Configuration, sélectionnez l’option Yes dans le champ Activate afin de pouvoir renseigner les champs Client ID et Secret Key.

 

Ne fermez pas cet onglet, vous en aurez besoin pour renseigner les données de votre compte.

Guía para integrar con Magento 2 - 2.png

 

24. Accédez à votre compte Connectif et, dans la section « Intégrations > Magento" copiez l’ID client et la Clé secrète.

Guia para integrar con Magento 2 Ene 25 - 12-min.png

 

25. Retournez dans Magento 2 et collez-les dans les champs correspondants.

Guía para integrar con Magento 2 - 3.png

 

26. Cliquez sur "Save Config" pour enregistrer les modifications.

 

 

Bravo ! 
Votre intégration de Connectif avec Magento est prête.

  

Une fois la configuration du plugin terminée, il est recommandé de vérifier que l’intégration fonctionne correctement. Découvrez comment procéder dans cet article.

 


Foire aux questions

Vous avez des questions concernant le module Connectif dans Magento ? Vous trouverez ici des informations utiles :

1. À quoi sert chaque section du module Connectif dans Magento ?

Le module Connectif dans Magento se compose de différentes sections, chacune remplissant plusieurs fonctions :

  • Basic Configuration (1) : cette section sert à configurer les aspects de base de votre compte Connectif dans Magento, détaillés dans cet article, afin de pouvoir commencer votre stratégie. 

Guía para integrar con Magento 2 - 4.png

 

  • Customer (2) : cette section permet de configurer les informations des contacts Magento qui seront envoyées à Connectif.
    • Create newsletter subscribers if customer does not exist? : cette option permet de choisir si le contact doit être créé dans Magento comme abonné à la newsletter lorsqu’il n’existe pas dans Magento au moment où l’inscription ou la désinscription est notifiée depuis Connectif.
    • Configure Customer Fields : cette option permet d’associer les champs de contact disponibles dans le CMS (sélecteur de gauche, Customer Field) à l’ID du champ créé dans Connectif (sélecteur de droite, Connectif Field ID).

Guía para integrar con Magento 2 - 5.png

 

  • Product (3) : cette section sert à configurer les aspects de base de vos produits Magento à synchroniser dans Connectif :
    • Use product SKU identifier? : cette option permet d’utiliser le SKU comme identifiant des produits dans le catalogue Connectif.
    • Product imagen ID : cette option permet de déterminer la taille de l’image que Connectif recueillera. 
    • Use full category path : cette option permet d’envoyer le chemin complet des catégories du produit, y compris les catégories parentes, même lorsqu’elles ne sont pas directement associées au produit.
    • Show product view with proper currency when Connectif verify the product : cette option concerne le cas où la synchronisation des produits est effectuée via le scraping web. Elle permet d’indiquer si, lorsque le mécanisme de Connectif consulte le site web pour synchroniser ou vérifier un produit, il doit le faire dans la même devise que celle configurée dans Connectif.
    • Custom Field 1, Custom Field 2 et Custom Field 3 : ces options permettent de configurer les champs personnalisés des variantes de produit qui seront envoyés à Connectif.

Guía para integrar con Magento 2 - 6.png

 

  • Cart and order (4) : cette section permet de configurer les informations des paniers et des achats que vous enverrez à Connectif :
    • Print only mandatory fields on cart tags? : cette option permet de déterminer si le script Connectif recueillera uniquement les champs obligatoires du panier (ID du produit, nom, prix et URL). Cette option permet d’améliorer les performances de la balise de panier dans Magento.
    • Use product variants on cart and orders? : cette option permet de déterminer si, lorsque Connectif reçoit les informations des produits du panier, il recueillera le produit par défaut ou la variante spécifique.
    • Notify orders offline : cette option permet de déterminer si l’eCommerce notifiera à Connectif les achats hors ligne via l’API et sans contexte web.
    • Order Status : cette option permet de déterminer le statut que doivent avoir les achats pour être enregistrés via l’API (notifications hors ligne) dans Connectif. 

Guía para integrar con Magento 2 - 7.png

 

  • Advanced Configuration (5) : cette section sert à définir certains comportements de l’intégration avec Connectif :
    • Use optimized Connectif tags : cette option permet d’optimiser la génération des balises Connectif afin d’améliorer les temps de chargement. Lorsqu’elle est activée, la synchronisation en temps réel des données de contact est également activée automatiquement.
    • Real-time customer data sync : cette option permet de synchroniser en temps réel avec Connectif les modifications apportées aux données des contacts, telles que leurs informations, leurs adresses et leurs abonnements à la newsletter.
 

Si votre eCommerce comporte des personnalisations liées à la génération des balises Connectif, celles-ci peuvent être affectées par l’activation de “Use optimized Connectif tags”.

Guía para integrar con Magento 2 - 8.png

 

  • Banners (6) : cette section est obsolète, car les contenus au format bannière sont configurés directement depuis Connectif.
  

Les contenus de type « Fenêtres modales" et "Bannières"  sont obsolètes depuis 2021. Cet article explique comment les migrer vers Connectif.

Guía para integrar con Magento 2 - 11.png

 

  • Public Urls (7) : cette section sert à consulter les URL d’activation du ServiceWorker ainsi que celles de notification d’abonnement.

Ces URL sont générées et communiquées à Connectif lors de l’installation du module dans Magento.

Guía para integrar con Magento 2 - 12.png

 

 

2. Comment activer la notification des achats hors ligne (via l’API) ?

  

Notifier les achats hors ligne signifie que ceux-ci ne disposent pas de contexte web, mais que la notification est effectuée via l’API, de manière asynchrone. Si une stratégie réagit à l’achat avec un contenu web, elle n’aura aucun impact sur les contacts dont l’achat est enregistré via l’API. 

1. Dans votre compte Magento, accédez à "Stores > Configuration", cliquez sur Connectif puis sur Settings.

Guía para integrar con Magento 2 - 13.png

 

2. Désactivez le module Connectif depuis la section "Basic Configuration > Activate" en sélectionnant l’option No.

Guía para integrar con Magento 2 - 14.png

 

3. Cliquez sur Save Config.

 

Il est nécessaire d’enregistrer la configuration juste après cette étape pour pouvoir activer les achats hors ligne.

4. Accédez à la section "Cart and Order > Notify purchases offline" et sélectionnez l’option Yes.

Guía para integrar con Magento 2 - 15.png

 

5. Dans la section "Order Status" , choisissez le statut que doivent avoir les achats qui seront enregistrés hors ligne dans Connectif.

  

Le choix du statut dépendra du mode de paiement, de la configuration de Magento et du modèle économique. Un seul statut peut être sélectionné.

Guía para integrar con Magento 2 - 16.png

 

6. Réactivez le module Connectif depuis la section "Basic Configuration > Activate" en sélectionnant l’option Yes.

Guía para integrar con Magento 2 - 17.png

 

7. Cliquez sur Save Config.

 

3. Comment configurer Connectif dans une boutique Magento multilingue ?

Magento permet de créer trois niveaux d’entités pour un compte :

  • Website : il n’y en a généralement qu’un et il correspond au domaine.
  • Store : la ou les différentes boutiques, par exemple par langue.
  • Store view : d’autres détails concernant les boutiques, par exemple une même langue avec une devise différente.

Le module Connectif peut être configuré à chacun de ces niveaux selon les besoins de l’eCommerce, mais certains aspects doivent être pris en compte :

  • Les types de configuration de Magento : si une configuration est effectuée en mode « Default », elle s’appliquera à tous les niveaux de Magento.
  • Pour envoyer à la même boutique Connectif les données provenant de différents niveaux de Magento, le même Client ID et la même Secret Key doivent être utilisés dans la configuration.
  • Sauf dans les cas très complexes, il est recommandé d’activer la configuration par défaut au moment de l’intégration afin de configurer tous les niveaux de la même manière.

Si plusieurs langues et/ou plusieurs devises doivent être configurées, il est courant d’effectuer séparément les réglages de l’article au niveau de Store View .

Guía para integrar con Magento 2 - 18.png

 

4. Comment récupérer les paniers abandonnés avec l’URL de récupération du panier

(Cette section explique le fonctionnement de l’URL de récupération du panier pour obtenir les articles associés à un panier spécifique.)

Grâce à l’intégration avec Magento, une URL de récupération du panier est envoyée à Connectif. Il s’agit d’un lien permettant de récupérer les articles associés à ce panier, qui peut être utilisé dans les workflows et les contenus.

Pour obtenir l’URL de récupération du panier via un workflow, il faut utiliser les nœuds « Obtenir le dernier panier » et « Abandon de panier », puis l’associer aux variables du contenu à afficher ou à envoyer.

  • Découvrez le fonctionnement de cette URL dans les différents CMS et comment l’utiliser dans cet article. 

 

5. Comment recueillir la marque des produits dans Magento

Pour recueillir le champ « Marque » dans la fiche produit Connectif lors de l’intégration avec Magento, il est nécessaire d’activer le champ « Manufacturer » de Magento et de lui attribuer les valeurs correspondantes, afin qu’elles soient transmises automatiquement.

Ce champ n’est pas activé par défaut dans Magento. Pour l’activer, suivez les étapes suivantes :

1. Accédez à la section "Stores > Attributes > Attribute Set".

Guía para integrar con Magento 2 - 19.png

 

2. Recherchez le groupe d’attributs « Default ».

Guía para integrar con Magento 2 - 20.png

 

3. Double-cliquez pour accéder à sa modification puis, une fois dans celui-ci, ajoutez le champ « manufacturer » au dossier « Product Details » en cliquant dessus et en le faisant glisser dans le dossier.

Guía para integrar con Magento 2 - 21.png

4. Cliquez sur Enregistrer pour confirmer cette configuration. Ainsi, les données du champ « manufacturer » seront toujours transmises pour les produits appartenant à ce groupe d’attributs.

 

Pour que la marque soit automatiquement transmise à Connectif par ce processus, vous devez l’avoir créée dans ce champ. Si vous l’avez créée dans un autre champ, vous devrez l’adapter à cette procédure.

Guía para integrar con Magento 2 - 22.png

 

5. Si votre catalogue contient d’autres groupes d’attributs de produits dont vous souhaitez transmettre la marque, vous devrez répéter le processus.

Guía para integrar con Magento 2 - 23.png

 

6. Pour vous assurer que le champ sera transmis dans les différents groupes de produits, vous pouvez consulter n’importe quel produit de votre catalogue appartenant à l’un d’eux et vérifier que le champ "manufacturer" figure dans sa fiche Magento. Vous pourrez également le modifier à cet endroit si nécessaire, à l’aide du menu déroulant.

Guía para integrar con Magento 2 - 24.png

 

6. Que dois-je prendre en compte si ma boutique Magento 2 utilise Hyvä ?

Si votre boutique utilise Magento 2 avec Hyvä, vous devez vérifier que le thème utilise le système standard d’initialisation JavaScript de Magento *-init afin de lancer correctement les scripts Connectif.

Cette configuration est nécessaire, car Hyvä modifie le système frontend de Magento et peut changer la manière dont certains scripts sont initialisés. Le module Connectif s’appuie sur le mécanisme standard de Magento pour exécuter les scripts de suivi et d’identification du contact.

Pour terminer l’intégration, vérifiez avec votre équipe de développement que les scripts Connectif sont initialisés via *-init, en utilisant data-mage-init ou text/x-magento-init, selon le cas.

Une fois cette configuration appliquée, vérifiez que l’intégration recueille correctement les principaux événements de la boutique. Découvrez comment procéder dans cet article.

 

 


Continuez à apprendre !

Pour exploiter pleinement le potentiel de votre compte Connectif, nous vous recommandons de consulter les articles suivants :