Connecter Shopify à 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 Shopify. Si vous souhaitez être accompagné, contactez votre expert Shopify 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.
  • La connexion Shopify 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.

Instructions de base.

La connexion Shopify 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é A.P.I. qui permet d'assurer la communication entre les deux plateformes.

Intégrer le tag WMB sur votre plateforme Shopify (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 Shopify, il vous suffit de suivre les 3 étapes ci-dessous.

Accédez à votre thème dans votre back-office

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

  1. Cliquez sur "Thèmes" dans le menu gauche de votre back office Shopify.
  2. Sur la vue "Thèmes" de votre back office Shopify, dirigez-vous sur le menu déroulant en haut à droite, puis cliquez sur "Action".
  3. Sur ce menu déroulant, sélectionnez "Modifier le code".

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

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

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

  1. Dans la section "Layout", cliquez sur "(/) theme.liquid".
  2. Insérez le code fourni <script type="text/javascript" src="https://my.wmb.io/api/wmb.js async"></script> dans le header comme décrit dans la capture ci-dessous.

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

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 Shopify (temps estimé 15 min).

Pour créer la connexion API Shopify, il vous suffit de suivre les 3 étapes ci-dessous.

Accédez à votre back-office

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

  1. Cliquez sur "Apps" dans le menu de gauche de votre back office Shopify.
  2. Sur la vue "Apps" de votre back office Shopify, cliquez sur "Manage private apps".
  3. Puis toujours sur la vue "Apps" de votre back office Shopify, cliquez sur "Create a new private apps".

Dans l'étape suivante, vous allez créer le connecteur dans votre plateforme Shopify.

Créez le connecteur Shopify

Dans la section "Create private app", suivez les étapes suivantes :

  1. Entrez le nom du connecteur que vous allez créer dans le champ "Private app name" (1). Nous vous recommandons "WMB Connector".
  2. Entrez l'adresse mail support (support@wmb.io) de Webmarketing Booster dans le champ "Emergency developer mail".
  3. Descendez en bas de la page, cliquez sur "Save", puis cliquez sur "I understand create the app"

Bravo! Vous avez créé le connecteur Shopify 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" et "Password" de votre Magento 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 Shopify et la plateforme WMB.

Pour vérifier que la communication entre votre API Shopify 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