Connect Shopify to the WMB solution

Discover in video how to connect your Shopify to the WMB solution in less than 30 minutes.

Before you start the login process, here are some useful information:

  • Setting up the connection is a feature that does not require any experience in editing the Shopify root directory. If you'd like to be accompanied, contact your Shopify expert or developer for help.
  • We recommend setting up your first optimization on a test server.
  • The Shopify WMB connection you create will collect data and send it to the WMB platform from your website without any technical development.

Basic instructions.

The Shopify connection used for Webmarketing Booster products is dedicated to placing orders, products and categories in the WMB platform. It gives you data consistency between your platform and the third-party WMB platform. The import frequency can be changed by contacting the WMB support service.

In order to remove your installation costs, this article allows you to generate an A.P.I key. which ensures communication between the two platforms.

Integrate the WMB tag into your Shopify platform (estimated time 10 min).

The wmb.js tag is the Web tagging library used for Webmarketing Booster products and dedicated to conversion tracking, dynamic product signage, and site performance measurement. It gives you more control and simpler configuration processes. With wmb.js, you will be able to benefit from all the functionalities and novelties as soon as they are launched.

You have the choice to manually install the tag on your site as detailed in this article or install it via Google Tag Manager. Note that whatever the method, to ensure optimal operation of the WMB solution and performance of your site, it is important to place the asynchronous wmb.js tag before the other JS tags that you have on your site.

To integrate the WMB tag into your Shopify platform, simply follow the 3 steps below.

Access your theme in your back office

From your Shopify back office, follow these steps:

  1. Click on "Themes" in the left menu of your Shopify back office.
  2. On the "Themes" view of your Shopify back office, go to the drop-down menu at the top right and click "Action".
  3. On this drop-down menu, select "Edit Code".

In the next step, you will integrate the JS Tag into your Shopify platform.

Integrate the JS WMB Tag into your theme

From your Shopify back office, follow these steps:

  1. In the "Layout" section, click "(/) theme.liquid".
  2. Insert the code provided <script type = "text / javascript" src = "https://my.wmb.io/api/wmb.js" async></script> at the beginning of the <head> tag.

In the next step, you will check the implementation of the JS WMB Tag in your Shopify platform.

Verify that the tracking code works

To verify that the tracking code works, go to your website and follow these steps:

  1. Access the home page of your site by entering your url in your browser.
  2. View the source code of your page.
  3. Do a search for the wmb.js tag in your source code.

Bravo! You have installed the wmb.js tag on your site.

Creation of the Shopify API connection (estimated time 15 min).

To create the Shopify API connection, simply follow the 3 steps below.

Access your back office

From your Shopify back office, follow these steps:

  1. Click on "Apps" in the left menu of your Shopify back office.
  2. On the "Apps" view of your Shopify back office, click "Manage private apps".
  3. Then always on the "Apps" view of your Shopify back office, click on "Create a new private apps".

In the next step, you will create the connector in your Shopify platform.

Create the Shopify connector

In the "Create private app" section, follow these steps:

  1. Enter the name of the connector you will create in the "Private app name" (1) field. We recommend "WMB Connector".
  2. Enter the webmarketing Booster support address (support@wmb.io) in the "Emergency developer mail" field.
  3. Scroll to the bottom of the page, click on "Save", then click on "I understand create the app".

Congratulations! You have created the Shopify connector to connect the WMB solution. In the next step you will copy / paste the API key codes and the password into your WMB account.

Copy the API key of your connector to the WMB platform

In the "Admin API" section, follow these steps:

  1. Return to the my.wmb.io platform using your login and password.
  2. Copy / Paste the "API key" and "Password" information of your Shopify into the fields provided for this purpose in your WMB registration tunnel.

In the next section, you will check that the communication between WMB and your Shopify is functional.

Check the communication between your Shopify API and the WMB platform.

To verify that communication between your Shopify API and the WMB platform is working, go to the WMB platform and use the platform validation tool my.wmb.io and click "Submit".

Did you manage to take the next step? Bravo! It's over, the import is in progress, you will soon be able to use the WMB platform to maximize the performance of your site.

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