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 firstname.lastname@example.org.
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:
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.
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
Admin API Scopes
In the app you have just created, navigate to the Configuration section. In the line Admin API integration, click Configure.
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.
After accumulating, scroll down to the end of the page and click Save.
Storefront API Access Token
Scroll up and click again on the Configuration section. Continue to click Configure in the line Storefront API integration.
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
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 email@example.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.
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 ...
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, ...
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 ...
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 ...
Search functionality is crucial for your website and mobile app to succeed. Knowing that, JMango360 is proud to introduce an integration with Doofinder -- a powerful internal search engine for e-commerce. The following parameters are required for ...