Connecter Prestashop à la solution WMB

Avant de démarrer le processus de connexion, voici quelques informations utiles :

  • La mise en place de la connexion est une fonctionnalité qui ne nécessite aucune expérience dans l'édition du répertoire racine de Prestashop. Si vous souhaitez être accompagné, contactez votre expert Prestashop ou votre développeur pour obtenir de l'aide.
  • Nous vous recommandons de mettre en place votre première optimisation sur un serveur de test.
  • WMB pour Prestashop est compatible avec les versions Prestashop suivantes : v1.6.0.4 - v1.7.4.1.
  • Pour information, la connexion Prestashop WMB que vous allez créer permet de collecter des données et de les envoyer à la plateforme WMB depuis votre site Web sans aucun développement technique. Vous pouvez l'ajouter rapidement en suivant les étapes ci-dessous.

Instructions de base.

La connexion Prestashop utilisée pour les produits Webmarketing Booster est dédiée à l'insertion des commandes, des produits et des catégories dans la plateforme WMB. Elle vous offre une cohérence des données entre votre plateforme et la plateforme tiers WMB. La fréquence d'import peut être modifiée en contactant le service support WMB.

Dans l'objectif de supprimer vos frais d'installations, cet article vous permet de générer une clé API qui permet d'assurer la communication entre les deux plateformes.

Intégrer le tag WMB sur votre plateforme Prestashop (temps estimé 10 min).

La balise wmb.js est la bibliothèque de marquage Web utilisée pour les produits Webmarketing Booster et dédiée au suivi des conversions, à l'affichage dynamique de vos produits et à la mesure des performances d'un site. Elle vous offre un contrôle accru et des processus de configuration simplifiés. Avec wmb.js, vous pourrez bénéficier de l'ensemble des fonctionnalités et des nouveautés dès leur lancement.

Vous avez le choix d'installer le tag manuellement sur votre site comme détaillé dans cet article ci-après ou de l'installer via Google Tag Manager. A noter que quelque soit la méthode, pour assurer un fonctionnement optimal de la solution WMB et des performances de votre site, il est important de placer le tag wmb.js asynchrone avant les autres tag JS que vous avez sur votre site.

Pour intégrer le tag WMB sur votre plateforme Prestashop, il vous suffit de suivre les 3 étapes ci-dessous.

Accédez à votre FTP

Utilisez un client FTP comme le logiciel Filezilla :

  1. Cliquez sur le répertoire "Themes", repérez le fichier header.tpl.
  2. Ouvrez-le avec un éditeur de texte.

Dans l'étape suivante, vous allez intégrer le Tag JS dans votre plateforme Prestashop.

Intégrez le Tag JS WMB dans votre thème

Juste avant la balise </head>, collez votre code de suivi en l'ajoutant après la balise <literal> et avant la balise </literal> comme présenté ci-dessous :

<literal>
<script type="text/javascript" src="https://my.wmb.io/api/wmb.js async"></script>
</literal>
</head>

Une fois le fichier modifié, cliquez sur "Sauvegarder" et réintégrez-le dans votre FTP.

Dans l'étape suivante, vous allez vérifier la mise en place du Tag JS WMB dans votre plateforme Prestashop.

Vérifiez que le code de suivi fonctionne

Pour vérifier que le code de suivi fonctionne, accédez à votre site Web et suivez les étapes suivantes :

  1. Accédez à la home page de votre site en entrant votre url dans votre navigateur.
  2. Affichez le code source de votre page.
  3. Effectuez une recherche du tag wmb.js dans votre code source.

Bravo ! Vous avez installé le tag wmb.js sur votre site.

Création de la connexion API Prestashop (temps estimé 15 min).

Avant d’intégrer votre boutique en ligne Prestashop à WMB, vous devez fournir votre nom d’utilisateur et votre mot de passe API. Pour créer vos informations d'identification d'API dans Prestashop, vous devez d'abord créer puis configurer une clé de service Web, pour cela il suffit de suivre les 3 étapes ci-dessous. Ce sont ces informations qui vous permettront d'envoyer vos données au nom de votre compte Prestashop.

Créez une clé de service Web

A partir de votre back office Prestashop, suivez les étapes suivantes :

  1. Dans votre panneau d'administration Prestashop, dirigez-vous sur la page Paramètres avancés > Webservice.
  2. Pour ajouter une clé API, cliquez sur le bouton "Ajouter une clé de service" dans le coin supérieur droit.

Configurez la clé de service Web

Dans le formulaire "Webservices", suivez les étapes suivantes :

  1. Remplissez le champ "Clé", vous pouvez la générer automatiquement en utilisant le bouton "Générer".
  2. Dans le champ "Description" vous pouvez décrire l’objet de l’API, nous vous conseillons "WMB_API".
  3. Dans le champ "État" cliquez sur "Oui" pour activer la clé.
  4. Pour assurer l’intégrité des données sur la plateforme WMB, dans le champ "Permission", il est impératif de cocher l’ensemble des accès "Voir (GET)".
  5. Assurez-vous de la configuration et cliquez sur "Enregistrer" pour valider et activer la clé.

Bravo ! Vous avez créé les identifiants de connexion Prestashop pour connecter la solution WMB. Dans l'étape suivante, vous allez copier/coller les codes API key et le mot de passe dans votre compte WMB.

Copiez la clé API de votre connecteur sur la plateforme WMB

Dans la section "Admin API", suivez les étapes suivantes :

  1. Retournez sur la plateforme my.wmb.io en utilisant vos login et mot de passe.
  2. Copiez / collez les informations "API key" de votre Prestashop dans les champs prévus à cet effet dans votre tunnel d'inscription WMB.

Dans la prochaine section, vous allez vérifier que la communication entre WMB et votre Magento est bien fonctionnelle.

Vérifier le fonctionnement de la communication entre votre API Prestashop et la plateforme WMB.

Pour vérifier que la communication entre votre API Prestashop et la plateforme WMB fonctionne, accédez à la plateforme WMB et utilisez l'outil de validation de la plateforme my.wmb.io, puis cliquez sur "Valider".

Vous avez réussi à passer à l'étape suivante ? Bravo ! C'est terminé, l'import est en cours, vous allez bientôt pouvoir utiliser la plateforme WMB pour maximiser les performances de votre site.

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram