Integrate the Shopify with JMango360

Integrate Shopify with JMango360

This article will provide all the steps to quickly and easily integrate the Shopify webshop with JMango360 to start building the app. If you need any support, send an email to customer.success@jmango360.com.
To integrate Shopify with JMango360, you will need to do the next five steps:

Step 1. Create an app in the Shopify backend
Step 2. Configure Admin API Scopes & Storefront API Access Token
Step 3. Install the app in the Shopify backend
Step 4. Create a new app in the JMango360 backend
Step 5. Complete the integration

Step 1: Create an app in the Shopify backend

For detailed steps, see the video from minute 0:00 - 0:24
Log into your Shopify backend, and follow the steps:
  1. On the Admin sidebar, navigate to Settings > Apps and sales channels > Develop apps for your store > Allow custom app development. Click on the button Allow custom app development.
  2. Now you can create a custom app by clicking on Create an App. Please enter your app's name and choose your app developer.
The ‘Allow custom app development’ button only appears for the first time when you create an app in the Shopify backend.

Step 2: Configure Admin API Scopes & Storefront API Access Token

For detailed steps, see the video from minute 0:25 - 3:15
  1. Admin API Scopes 
  1. In the app you have just created, navigate to the Configuration section. In the line Admin API integration, click Configure.
  2. In the section Admin API access scopes please select the access as listed in the image below. You can also refer to the support video from minute 0:30 - 2:48.
  3. After accumulating, scroll down to the end of the page and click Save.



  1. Storefront API Access Token
  1. Scroll up and click again on the Configuration section. Continue to click Configure in the line Storefront API integration.
  2. In the section Storefront API integration access scopes please select the access as listed in the image below. You can also refer to the support video from minute 2:49 - 3:18
  3. After you have ticked all required checkboxes, scroll down to the end of the page and click Save.



Step 3: Install the app in the Shopify backend

For detailed steps, see the video from minute 3:16 - 3:31
Navigate to the API credentials section, and click Install the app. The screen displays a pop-up; continue to press Install. Now you can see the Admin API access token & Storefront API Access Token. 


Step 4: Create a new app in the JMango360 backend

For detailed steps, see the video from minute 3:32 - 3:48

Log into the JMango360 backend. If you don’t have an account yet, please create one by clicking “Sign up for free here”. Once you are in the JMango360 backend, click the button New App in the upper right corner, then click Start below the Shopify icon to create an app.

Step 5:  Complete the integration

For detailed steps, see the video from minute 3:49 - The end

1. Store code

You can find the store code in the Shopify backend's URL. For example, if your Shopify backend URL is abc.myshopify.com/admin then abc is the store code. Copy it, and in the Shopify Integration Settings box in JMango360 backend, paste it into the field “Store code”.

2. Admin API Password

It is the code in the Admin API access token section. In the Shopify backend, you need to click on “Reveal token once”, copy it, and in the JMango360 backend paste it into the field “Admin API Password”.
Due to data protection, the Admin API access token will only be revealed once. Reveal, copy and save your Admin API access token somewhere safe.

3. Storefront API Access Token

In the Shopify backend, in the “Apps and sales channels” window is the storefront API access token section code. Copy it and in the JMango360 backend, paste it into the field “Storefront API Access Token”.

4. Multipass Secret

On the Shopify backend, go to Settings > Checkout and accounts. In the Customer account settings field, you can see Multipass. Copy it and in the JMango360 backend paste it into the field “Multipass Secret”.
The Multipass login feature is available to Shopify Plus merchants only.

5. Save the settings 

After filling out all the fields, click Integrate with your Shopify webshop. The JMango360 will fetch the settings and data from your Shopify backend, and this might take a few minutes. Once all categories are loaded, you can click Done at the bottom of the pop-up. In case an error occurs, please contact the JMango360 team at customer.success@jmango360.com. 
In case of an error message, click Save Changes in the upper right corner to save the settings. 
 
That means there is a successful integration between your Shopify webshop and JMango360. Now, JMango360 can start the development process.

    • Related Articles

    • New features & updates

      New features & updates In this article, you’ll find our key technical updates and new features for our app products grouped by quarter. Discover new possibilities to improve your app. If you see any interesting features or you have questions, please ...

    • Improved web checkout

      One of the most important pages in the app is checkout. We made it more secure and convenient across various devices. The previous version of the in-app browser, used amongst others to load the eCommerce checkout page, also called the web checkout, ...

    • Set up GA4 data collection for the website

      If there is no website data in your Firebase Dashboard, most likely this is because of a missing configuration in GA4. In this article, we elaborate the steps to configure the website data stream on GA4. Once this process is done, the web data will ...

    • How to integrate chat into your app?

      Please note that app version 2.46.0 or later is required. Live chat is undoubtedly the winner of the customer support race. If you want to include live chat in your app, let's make use of our Link to webpage feature which allows you to add any URL to ...

    • How to integrate with your loyalty program?

      JMango360's standard offering does not support loyalty program integration. That said, you can still present your loyalty program in your app as a menu item or a home screen button/slide. The only limitation is that the app loyalty points can be ...