How to integrate a Shopify store to MindBehind

You can integrate your Shopify store to your chatbot and assist your customers 24/7 without paying for night shifts :) This article will help you to create this integration in minutes.

In the Company Management page, select Integrations section to see Shopify integration. Click on "ADD" here.

image-png-Oct-12-2020-11-28-48-27-AM

The form that directly pops up shows the required information to connect to your Shopify store.

image-png-Oct-12-2020-11-29-10-20-AM

URL represents your regular URL directed to the relevant store.

To get the Api Key, you should go to your Shopify account and choose Apps.

image-png-Oct-13-2020-08-23-22-84-AM

Here, click on Manage private apps.

image-png-Oct-13-2020-08-23-49-07-AM

Small tip: To come to this step, Shopify might ask you to give permission to create a new app.image-png-Oct-13-2020-08-19-33-22-AM
You need to provide an emergency developer email to continue. 
To make sure that your Shopify integration works properly, make sure that your Admin API settings give access like in the following images.

image-png-Oct-13-2020-08-20-03-21-AM

image-png-Oct-13-2020-08-20-28-13-AM

image-png-Oct-13-2020-08-21-00-67-AM

image-png-Oct-13-2020-08-21-18-99-AM

image-png-Oct-13-2020-08-21-38-85-AM
Select the Webhook API version as 2020-04.

image-png-Oct-13-2020-08-22-10-25-AM
After giving these permissions, click on save. Then, you'll see a pop-up again.

image-png-Oct-13-2020-08-25-22-13-AM

To confirm, click on create app here. 
image-png-Oct-13-2020-08-28-52-46-AM

This move will directly lead you to the page where you see Api Key and password. Copy these and paste them to the form in Mindbehind.

image-png-Oct-16-2020-01-09-12-58-PM

Now, after completing these steps, you will see the Shopify integration in the Integrations section. You can go to the e-commerce module in your assistant, select this integration, and use it directly.
You are all set.

 

HOW TO PUBLISH YOUR ASSISTANT WITH SHOPIFY?

Please go to your Shopify page. At the bottom of the home menu, you will see the “Online Store” widget. Click it, afterward select “Themes”.

image-png-Mar-03-2021-06-47-07-80-AM

You will see your current theme. Please click the “Customize” button.

image-png-Mar-03-2021-06-48-12-43-AM

“Theme actions” is located very end of the “Home Page” menu bar, please select it.

Click on “Edit code”.

image-png-Mar-03-2021-06-49-13-69-AM

Now, select “theme.liquid” which is located under the “Layout” heading.

image-png-Mar-03-2021-06-50-38-43-AM

Please scroll down and go to the very end of your "theme.liquid code". You can paste your script between </ul> and </body>.

image-png-Mar-03-2021-06-51-15-34-AM

After you save it, you will be able to see your chatbot.