Adding a Chatbot to Shopify

Video: Shopify

This article shows you how to place a Chatbot on your Shopify store. To install a Chatbot, you’ll need to install an app on your Shopify store. You should be able to complete this task in less than 5 minutes.

1 Opening the Shopify app store

1. Go to Shopify and login to your account.
2. On the left side menu, click Apps. The Apps page displays.
3. In the top right corner, click Visit the Shopify App Store. The App Store page opens in a new tab.
4. Type “custom Javascript” into the search bar and then hit Enter on the keyboard. The App Store page displays the search results.

2 Installing Javascript snippet

1. On the search results page (Step 1 above), locate Custom Javascript & jQuery. It’s likely near the top of the search results.
2. Click Custom Javascript & jQuery one time. A new page displays.
3. Click Add App. A new page displays.
4. Click Install App. A new page displays.
5. Click Add new JS snippet. A snippet settings panel displays.

3 Copying Chatbot code

You’ll need to open ConvertoBot in a second browser tab to complete this task.

1. Go back to your ConvertoBot account.
2. Click My Bots on the left side. Locate the Bot you want to place inside Shopify. Click Edit on the menu.
3. Click Publish on the top level menu.
4. Scroll down to the Bot Widget header.
5. Copy the ChatBot Widget Code.

4 Customizing the snippet page

The next step is to customize the information in the Shopify snippet settings panel and paste the widget code.

1. Open the browser with the Javascript settings panel.
2. Change the Snippet name to something easy to recognize, such as Chatbot.
3. Check the box beside Script before </head> tag.
4. Paste the Chatbot code into the Snippet code box.
5. In the top right corner, click Publish. A popup box displays.
6. Click Publish. The Custom javascript page displays with the name of the installed code.