Adding widget to your Shopify Store

How to install the DeepConverse chatbot in Shopify store

Lets see how we can install the DeepConverse chatbot in a Shopify store.

Go to www.shopify.com

1. Click "Log in"

Click on "Log in"

Click 'Log in'

2. Switch to "accounts.shopify.com"

Switch to "accounts.shopify.com"

Switch to 'accounts.shopify.com'

3. Switch to "admin.shopify.com"

Navigate to "admin.shopify.com"

Switch to 'admin.shopify.com'

4. Click "Online Store"

Navigate to the "Online Store" section.

Click 'Online Store'

5. Switch to "online-store-web.shopifyapps.com"

Go to "Theme editor"

Switch to 'online-store-web.shopifyapps.com'

6. Click "Customize"

Select "Customize" from the menu.

Click 'Customize'

7. Switch to the "DeepConverse Dashboard"

Navigate back to the DeepConverse dashboard

Switch to the 'DeepConverse Dashboard'

8. Select the chatbot you would like to put

In this case we select the DeepConverse Shopify chatbot that we are going to add to our store

Select the chatbot you would like to put

9. Click "Settings"

Access the "Settings" option.

Click 'Settings'

10. Click "Deployment"

Click on "Deployment" in the menu.

Click 'Deployment'

11. Choose the Published or Draft version

Select the version of the chatbot to add

Choose the Published or Draft version

12. Click the copy icon

Copy the script

Click the copy icon

13. Switch back to the theme editor

Navigate back to the theme editor to add the script

Switch back to the theme editor

14. Click "Edit code"

Select "Edit code" from the menu.

Click 'Edit code'

15. Edit the theme file

theme.liquid is the file that has the scripts we will add our script tag here on the bottom.

Edit the theme file

16. Paste the script tag

Save the changes and then preview the store

Paste the script tag

17. Click "Preview store"

Preview your store.

Click 'Preview store'

18. Switch to your Shopify Store

You will see the chatbot icon on the bottom of the page

Switch to your Shopify Store

19. Click "Hide bar" to remove the preview banner

Click on "Hide bar."

Click 'Hide bar' to remove the preview banner

20. Try the chatbot

Your chatbot is now ready to be used on the store. Publish the theme and make it live.

Try the chatbot

Hopefully this will make it easier to add the chatbot for you. If you run into issues please reach out to the DeepConverse team.

Powered by guidde