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

(Dans cette section, nous allons configurer les différents aspects liés au catalogue et à l'enregistrement de certains événements dans Connectif. Ils sont optionnels et non nécessaires pour l'intégration de base).

  1. Pour activer les champs, basculez le sélecteur de champ sur "ON". Voici les champs que vous pouvez configurer :
    • Utiliser SKU : pour utiliser le SKU WooCommerce comme identifiant de produit dans Connectif.
    • Taille de l'image : pour indiquer la taille des images de produits qui sont synchronisées avec Connectif.
    • Événements de commande : pour enregistrer les événements d'achat.
    • Événement d'inscription utilisateur : pour synchroniser les activités d'inscription dans WooCommerce.
    • Événement de connexion utilisateur : pour collecter les événements de connexion des contacts.
    • Événement de newsletter : pour capturer l'événement d'abonnement à la newsletter.
    • Événement de statut de panier : pour enregistrer les changements de statut de panier.
    • Événements de recherche : pour synchroniser les événements de recherche.
    • Activer le journal : pour activer un journal des erreurs.
  
 

Pour recevoir des informations sur le statut d'abonnement à la newsletter des contacts dans Connectif, vous devrez intégrer ce plugin.

Woocommerce_Integracion_-_15.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.

 


Continuez à apprendre !

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

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 1 sur 1