Guide pour intégrer avec WooCommerce

Si votre ecommerce est construit avec WooCommerce ou WordPress, vous pouvez facilement l'intégrer avec Connectif et commencer à collecter des données clients pour créer vos campagnes.

Dans cet article, vous apprendrez comment intégrer votre compte Connectif avec WooCommerce.

 
Temps de mise en œuvre : 10 min.
Difficulté : Faible.
Quand l'utiliser : Lorsque vous ouvrez votre compte Connectif.

 

ÉTAPE 1. Télécharger le module

  1. Accédez à votre compte Connectif.
  2. Allez à Paramètres du magasin dans le menu de gauche.

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

Woocommerce_Integracion_-_1.png

  1. Dans la section Configuration, cliquez sur  Télécharger le zip pour télécharger le fichier “wp_connectif.zip” sur votre ordinateur.

Integración con WooCommerce - 1-min.png

 

Ne fermez pas cette fenêtre ! Vous en aurez besoin plus tard lorsque vous extrayez les données d'identification de votre compte.

ÉTAPE 2. Installer le module dans votre WooCommerce

  1. Connectez-vous à l'interface d'administration de WordPress.
  2. Allez à Extensions et cliquez sur Ajouter nouveau.
  3. Ensuite, cliquez sur Téléverser une extension.

Woocommerce_Integracion_-_3.png

  1. Cliquez sur Choisir un fichier et parcourez le dossier où vous avez téléchargé le fichier ZIP avec l'extension Connectif sur votre ordinateur.

Woocommerce_Integracion_-_4.png

  1. Sélectionnez-le et cliquez sur Installer maintenant.
  2. Une fois le fichier installé, cliquez sur Activer l'extension.

Woocommerce_Integracion_-_5.png

 

ÉTAPE 3. Configuration du module

  1. Dans la barre de navigation de WordPress, cliquez sur Connectif. Cette nouvelle section de menu a été créée après l'installation du module.

3.1. Authentification

(Dans cette section, vous trouverez les étapes pour compléter l'authentification du module Connectif dans WordPress).

  1. Dans WordPress, entrez l'ID client et la clé secrète de votre compte Connectif. Ces données sont disponibles dans Connectif dans la section "Intégrations > WooCommerce".

Integración con WooCommerce - 2-min.png

  1. Vérifiez que le curseur Activer le compte est activé et cliquez sur Enregistrer les modifications.

Woocommerce_Integracion_-_7.png

 

3.2. Bannières

(Cette section explique comment créer des identifiants de bannière dans WooCommerce).

 Ce processus est facultatif. Trouvez une autre façon d'afficher le contenu Inline dans cet article .
  1. Cliquez sur Ajouter une bannière.
  2. Entrez un identifiant de bannière.
  3. Activez-le et cliquez sur Ajouter une bannière.
 

Ceci est l'ID qui sera utilisé pour afficher le contenu Inline via le shortcode créé automatiquement. Plus d'informations sur le contenu Inline.

Woocommerce_Integracion_-_8.png

 

3.3. Champs supplémentaires

(Cette section explique comment synchroniser les champs supplémentaires qui apparaissent dans la liste et ne sont pas actifs avec Connectif).

 

Dans Champs supplémentaires, vous pouvez voir tous les champs de contact disponibles créés dans WooCommerce et les synchroniser avec Connectif. Les champs "first_name" et "last_name" sont actifs par défaut, ainsi que l'adresse e-mail, qui n'est pas affichée car c'est le champ clé.

  1. Cliquez sur le bouton pour changer le statut à "ON".

Woocommerce_Integracion_-_9.png

 

Dans notre exemple, le champ "nickname" est activé.

  1. Créez le champ personnalisé dans Connectif à partir de "Contacts > Champs de contact", en cliquant sur  Ajouter un nouveau champ personnalisé.

Woocommerce_Integracion_-_10.png

 

Dans notre exemple, le champ personnalisé associé à "nickname" sera créé.

  1. Assignez l'ID au nouveau champ personnalisé pour qu'il corresponde au nom du champ dans WooCommerce et enregistrez les modifications.

Integración con WooCommerce - 2-min.png

  1. Vérifiez que le curseur Activer le compte est activé et cliquez sur Enregistrer les modifications.

Woocommerce_Integracion_-_7.png

 

3.2. Bannières

(Cette section explique comment créer des identifiants de bannière dans WooCommerce).

 Ce processus est facultatif. Trouvez une autre façon d'afficher le contenu Inline dans cet article .
  1. Cliquez sur Ajouter une bannière.
  2. Entrez un identifiant de bannière.
  3. Activez-le et cliquez sur Ajouter une bannière.
 

Ceci est l'ID qui sera utilisé pour afficher le contenu Inline via le shortcode créé automatiquement. Plus d'informations sur le contenu Inline.

Woocommerce_Integracion_-_8.png

 

3.3. Champs supplémentaires

(Cette section explique comment synchroniser les champs supplémentaires qui apparaissent dans la liste et ne sont pas actifs avec Connectif).

 

Dans Champs supplémentaires, vous pouvez voir tous les champs de contact disponibles créés dans WooCommerce et les synchroniser avec Connectif. Les champs "first_name" et "last_name" sont actifs par défaut, ainsi que l'adresse e-mail, qui n'est pas affichée car c'est le champ clé.

  1. Cliquez sur le bouton pour changer le statut à "ON".

Woocommerce_Integracion_-_9.png

 

Dans notre exemple, le champ "nickname" est activé.

  1. Créez le champ personnalisé dans Connectif à partir de "Contacts > Champs de contact", en cliquant sur  Ajouter un nouveau champ personnalisé.

Woocommerce_Integracion_-_10.png

 

Dans notre exemple, le champ personnalisé associé à "nickname" sera créé.

  1. Assignez l'ID au nouveau champ personnalisé pour qu'il corresponde au nom du champ dans WooCommerce et enregistrez les modifications.

Woocommerce_Integracion_-_11.png

 

Dans notre exemple, "nickname" est assigné comme ID. Cela synchronisera la valeur de ce champ dans Connectif.

 

 

Pour que les données soient synchronisées automatiquement, l'ID du champ de contact personnalisé que vous créez doit être le même que le nom du champ que vous avez activé dans WooCommerce. Apprenez comment créer des champs personnalisés dans Connectif.

 

3.4. URL publique

(Cette section montre les URLs pour les rapports d'abonnement et de désabonnement à la newsletter et  installation du ServiceWorker, qui est responsable du fonctionnement des notifications push).

Woocommerce_Integracion_-_12.png

 

Ces informations sont complétées automatiquement dans Connectif après l'installation du plugin, il est conseillé de vérifier dans Connectif que les URLs indiquées sont les mêmes.

  1. Vérifiez les URLs pour l'abonnement et le désabonnement à la newsletter sur la page d'intégration, dans Paramètres avancés.

Integración con WooCommerce - 4-min.png

  1. Allez à "Intégrations > Canaux > Notifications Web Push" pour vérifier l'URL du ServiceWorker.

Integración con WooCommerce - 5-min.png

 

3.5. Champs Avancés

(Cette section configure les différents aspects liés au catalogue et à l’enregistrement de certains événements dans Connectif. Ils sont optionnels, non nécessaires pour une intégration basique).

  1. Pour activer les champs, changez le sélecteur sur "ON". Voici les champs que vous pouvez configurer :
  • Catalog Settings
    • SKU: pour utiliser le SKU de WooCommerce comme ID produit dans Connectif.
    • Category tree: pour synchroniser les catégories sous forme d’arborescence ou, si non activé, individuellement.
    • Image size: pour indiquer la taille des images produits synchronisées avec Connectif.
    • Image URL and description: pour synchroniser l’image et la description des produits avec Connectif au lieu d’utiliser les variantes.
    • Enable WooCommerce brand feature: pour permettre l’utilisation de la fonctionnalité WooCommerce Brands. Visible uniquement pour WooCommerce 9.6 ou supérieur.

WooCommerce Advanced Fields 2025 - 1-min.png

  • Event Settings
    • Order events: pour enregistrer les événements d’achat.
    • User Registration event: pour synchroniser les activités d’inscription dans WooCommerce.
    • User Login event: pour collecter les événements de connexion des contacts.
    • Newsletter event: pour capturer l’événement d’abonnement à la newsletter.
    • Cart status event: pour enregistrer les changements d’état des paniers.
    • Search events: pour synchroniser les événements de recherche.
  • Additional Settings
    • Activate Log: pour activer un journal des erreurs.
 

Pour recevoir les informations sur l’état d’abonnement des contacts aux newsletters dans Connectif, il est nécessaire d’intégrer ce plugin.

WooCommerce Advanced Fields 2025 - 2-min.png

 

Succès !
Votre compte Connectif est maintenant intégré avec votre WooCommerce.

  

Une fois la configuration du plugin terminée, nous recommandons de vérifier que l'intégration est correcte. Vous pouvez voir comment faire dans cet article.

 


Questions fréquentes

1. Quelles informations Connectif recueille-t-il via cette intégration ?

a. Informations recueillies sur les Contacts

Dans les intégrations avec WooCommerce, via la balise cn_client_info, certaines informations sur les Contacts sont transférées par défaut :

  • _name 
  • _surname 
  • email

De plus, dans les paramètres du module Connectif pour WooCommerce, il existe une section permettant d’activer n’importe quel champ présent dans la table usermeta de Wordpress. Ces champs seront ajoutés à la balise cn_client_info avec le même identifiant que celui indiqué dans cette section. Pour que Connectif enregistre la valeur, un champ personnalisé avec le même ID doit exister dans la Boutique Connectif (voir étape 3.3).

b. Informations recueillies sur les Produits

Dans les intégrations avec WooCommerce, via la balise cn_product_visited et la synchronisation quotidienne du catalogue, certaines informations sur les Produits sont recueillies par défaut :

  • ID

  • name

  • description

  • image_url

  • unit_price

  • availability

  • category

  • review_count

  • rating_value

  • rating_count

  • thumbnail_url

  • related_external_product_id

  • unit_price_original

  • uinit_price_without_vat

  • brand

  • discounted_amount

  • discounted_percentage

  • published_at

c. Informations recueillies sur les Achats

Dans les intégrations avec WooCommerce, via la balise cn_purchase, certaines informations sur les Achats sont recueillies par défaut :

  • cart_id

  • purchase_id

  • purchase_date

  • total_quantity

  • total_price

  • payment_method

 

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

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

Grâce à l’intégration avec WooCommerce, une URL de récupération de panier (Cart recovery url) est envoyée à Connectif, c’est-à-dire un lien pour récupérer les articles associés à ce panier, qui peut être utilisé dans des workflows et contenus.

Pour obtenir l’URL de récupération de panier via un workflow, il faut utiliser les nœuds "Obtenir le dernier panier" et "À l’abandon de panier", puis la mapper dans les variables du contenu à afficher ou envoyer.

  • Découvrez comment cette URL fonctionne dans les différents CMS et comment l’utiliser dans cet article

 

3. Comment recueillir la marque des produits dans WooCommerce

Pour recueillir le champ "Marque" dans la fiche produit de Connectif dans l’intégration avec WooCommerce, il est nécessaire d’installer le plugin Yith Woocommerce Brands Add On.

Ainsi, vous pourrez partager la marque des produits via la balise de produit visité.

Pour un partage correct, dans l’onglet General options de la configuration du plugin, il est nécessaire d’indiquer que la valeur de Brand label soit Brand.

  • Si vous avez besoin de plus d’informations sur l’utilisation du plugin Yith Woocommerce Brands Add On, cette vidéo explique comment faire. Pour d’autres questions sur le plugin, vous pouvez consulter sa documentation officielle.

 

 


Continuez à apprendre !

Pour tirer le meilleur parti de votre compte Connectif, nous vous recommandons de lire les articles suivants :