Shopify Tutorial

The Canadian SaaS shopping cart system is one of the most rapidly growing solutions for ecommerce shop owners. With our integration, Userlike’s chat button and Chat Widget will be placed in your Shopify shop, making it easy to connect with your users.

Step 1

Log in to your Shopify backend. Select "Online Store" from the navigation under "Sales Channels".

Step 2

Click on "Customize theme" in the "Themes" section of Shopify.

Step 3

Click on "Theme options" and select "Edit HTML/CSS".

Step 4

Select the "theme.liquid" template from the layout folder and go to the bottom of the editor and paste the Userlike Widget Code before the "</body>" tag. If you are logged in at Userlike, you will see the code of your Default Widget below. Hit "Save" and your Shopify shop will be equipped with the Chat Widget.

<script async type="text/javascript" src="//userlike-cdn-widgets.s3-eu-west-1.amazonaws.com/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx.js"></script> 

Remove Widget

Step 1

Log in to the Dashboard.

Step 2

Go to to the Widget overview. Here you'll find all of your Widgets.

Step 3

Click on the Widget you would like to edit. In this case it's your Shopify Widget.

Step 4

Now you are in the Widget Editor. Go to the tab "Install" and then click on "External Applications".

Step 5

In the final step, click on the "Deinstall Shopify" button. Your Widget is now gone.


If you experience any difficulties or issues with our software or our integrations, check out our help section or start a chat with us.