# Source: https://docs.deepconverse.com/product-docs/chatbots/deploy/adding-widget-to-your-shopify-store.md

# Adding widget to your Shopify Store

## [How to install the DeepConverse chatbot in Shopify store](https://app.guidde.com/playbooks/ackUcRZF3rWkpck6Vyu9oU)

{% embed url="<https://app.guidde.com/share/playbooks/ackUcRZF3rWkpck6Vyu9oU>" %}

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

#### Go to [www.shopify.com](https://www.shopify.com)

#### 1. Click "Log in"

Click on "Log in"

![Click 'Log in'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2F6rqizX45Jbh137gawwBMmH_doc.png?alt=media\&token=6bd111c2-54e6-4a29-bdd3-fd0ec96b06dd)

#### 2. Switch to "accounts.shopify.com"

Switch to "accounts.shopify.com"

![Switch to 'accounts.shopify.com'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FoqT9crAerw5VavTfcP2WcP_doc.png?alt=media\&token=13433756-70f5-4e73-97fd-e3064ce13db1)

#### 3. Switch to "admin.shopify.com"

Navigate to "admin.shopify.com"

![Switch to 'admin.shopify.com'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FnXvdfMnhx6epARdwUJFFrW_doc.png?alt=media\&token=5ea8e2ab-faf9-4cf7-9db2-b44e1ce822b9)

#### 4. Click "Online Store"

Navigate to the "Online Store" section.

![Click 'Online Store'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FmdaMe42h7XQnSDvbLmDHCA_doc.png?alt=media\&token=effa628f-8511-4b59-bbb7-869d8fb4fec1)

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

Go to "Theme editor"

![Switch to 'online-store-web.shopifyapps.com'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FfdqabKbvAMXCDtz2yo2pUH_doc.png?alt=media\&token=ea0dd772-7e36-415d-bcae-e4d7bae44fbe)

#### 6. Click "Customize"

Select "Customize" from the menu.

![Click 'Customize'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FnAYkp9jhqSqvtjCUCMgbVV_doc.png?alt=media\&token=a5d40254-e10d-4d9c-a60a-8258facacda2)

#### 7. Switch to the "DeepConverse Dashboard"

Navigate back to the DeepConverse dashboard

![Switch to the 'DeepConverse Dashboard'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2Fxr92ZgDx6cPUrcvir6nTL3_doc.png?alt=media\&token=ded8fd30-cee7-4167-b0a5-cf1675f9b65b)

#### 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](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2F5YxMFBXWS6YbxYMKhX5k44_doc.png?alt=media\&token=02e8de8c-cd37-499a-9428-be987692a13c)

#### 9. Click "Settings"

Access the "Settings" option.

![Click 'Settings'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2F9T9dCUqSgstriR8q55mMHT_doc.png?alt=media\&token=0d483202-d48f-47e0-96ff-678dc09dfed8)

#### 10. Click "Deployment"

Click on "Deployment" in the menu.

![Click 'Deployment'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2Fb7hjW5Xp2EGcH8ijTHctWA_doc.png?alt=media\&token=a60110c2-15d9-432a-bc00-3ed14eec2fef)

#### 11. Choose the Published or Draft version

Select the version of the chatbot to add

![Choose the Published or Draft version](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FdfPEkH77R4BakVGFJXMPh8_doc.png?alt=media\&token=1b2e906a-1d73-4930-ba4a-2cf6ff916a45)

#### 12. Click the copy icon

Copy the script

![Click the copy icon](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2F1WcbmDojwEPE5pddFrB9vn_doc.png?alt=media\&token=2e843183-7ae8-4610-9010-6fbaa9b18fb6)

#### 13. Switch back to the theme editor

Navigate back to the theme editor to add the script

![Switch back to the theme editor](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2F4kE3fRSnBMt56XNN48azmX_doc.png?alt=media\&token=60e060cb-116e-4c7f-a7eb-93c7a64a88a5)

#### 14. Click "Edit code"

Select "Edit code" from the menu.

![Click 'Edit code'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2Fnzm8M41CdR5ZTQECaqrimY_doc.png?alt=media\&token=e63001b8-d9aa-401e-a050-d8b00c771ed1)

#### 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](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FkyS5uCEepraTgqvkhReYit_doc.png?alt=media\&token=a5386170-d3c4-4ec7-8fa8-45212f446483)

#### 16. Paste the script tag

Save the changes and then preview the store

![Paste the script tag](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FsEFudVTDfP3ee8UKWBHToW_doc.png?alt=media\&token=81b019c1-afc2-48bf-9de2-30c61f2a97fa)

#### 17. Click "Preview store"

Preview your store.

![Click 'Preview store'](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2Fku7KsBE6Svt9hxtTvHLuYc_doc.png?alt=media\&token=5f387ae3-178c-4927-8a27-4cb03b017f8d)

#### 18. Switch to your Shopify Store

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

![Switch to your Shopify Store](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FvLfRMfgAMp6ckfY6Seg23v_doc.png?alt=media\&token=2cc6a4bb-7d1a-4ee1-ab7b-7735989f8714)

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

Click on "Hide bar."

![Click 'Hide bar' to remove the preview banner](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2FbASw5Mvw1cCNfqN9AGBnPq_doc.png?alt=media\&token=bd38ecb0-ec30-41f4-89f4-824601c373a7)

#### 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](https://static.guidde.com/v0/qg%2FKFoaMmR6NGSvPkzw9MpE95eVk6f2%2FackUcRZF3rWkpck6Vyu9oU%2Fbf9KXLS8WtTXLxJF9tEnPZ_doc.png?alt=media\&token=52e0a661-9b15-4eab-a2dc-51fbda19613e)

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**](https://www.guidde.com)