# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.deepconverse.com/product-docs/chatbots/deploy/adding-widget-to-your-shopify-store.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.