Docs
DashboardRelease Notes
  • What is DeepConverse?
  • Chatbots
    • Basics
      • Building chatbot intents
      • Intent action responses
      • Chatbot Persistence mode
      • Publishing changes
    • Advanced Functionality
      • Connection Override
      • User Identity Verification
      • Announcements
      • Channel Specific Functionality
        • Zendesk Sunshine Conversations
          • How to handle image and file uploads in Zendesk Sunshine Conversations?
        • Zendesk Chat (Classic)
          • How to handoff conversations to Zendesk Chat (Classic) ?
        • Calendly
    • Branding
    • Deploy
      • Chatbot Versioning
      • iOS SDK
        • iOS (Custom Webview)
      • Android SDK
      • Adding widget to your Zendesk Help Center
      • Adding widget to your website
      • Custom Initialization and Passing Metadata
      • Open chatbot via Javascript
      • Adding widget to your Shopify Store
        • Adding the widget to Shopify via the Theme editor embed block
    • Localization
    • Customizations
      • Adding a link to your Privacy Policy in Chatbot window
  • Voice Bot
    • Getting Started with Voice Bots
    • Voice Bot Architecture
    • Supported use cases for Voice Bot
    • Setup and Configuration
  • Ticket Automation
    • Setup Zendesk email and ticket automation
  • Guides
    • Building Guides
    • Guide Theme Customization
    • Embedding Guides on your website
    • Embedding Guides in Chatbots
    • How to copy Guides across sites
  • Conversational Flow Builder
    • What is the Conversation Flow Builder?
    • Assign Parameters in Conversations
      • Predefined Parameters
    • How to use Rules in Conversations
    • Conversation Blocks
      • Question
      • Salesforce Blocks
        • Agent Availability Block
        • Live Agent Handover
      • Guide Blocks
        • Guide Step (Guide Flow)
        • Solved Block
        • Unsolved Block
        • Guide (Chatbot)
      • HTTP Request
      • Client Events
      • Policy
      • Zendesk Sunshine Conversations Handoff (In Widget)
    • Data Tables
      • How to read or search data from Data Tables?
  • Analytics
    • Chatbot Analytics
    • Viewing Chat Conversations
    • Message Viewer
    • Integrating with Google Analytics
    • Export API
      • Conversations Endpoint
      • Messages Endpoint
  • Integrations
    • Supported Integrations
      • Zendesk
      • Zendesk Sunshine Conversations
      • Salesforce
      • Gorgias
  • Account
    • Adding Users
    • Permissions and Roles
    • Multiple Sites
  • Security
    • DeepConverse Public IPs
    • Subprocessors
    • Data Request Policy
    • Technical and Organizational Security Measures
    • Reporting Security Vulnerabilities
      • Log4Shell Vulnerability
    • Generative AI - Technical Security Measures
  • Support
    • Contacting Support
    • Service Levels and Response Times
    • Platform Stability
Powered by GitBook
On this page

Was this helpful?

  1. Chatbots
  2. Deploy

Adding widget to your Shopify Store

PreviousOpen chatbot via JavascriptNextAdding the widget to Shopify via the Theme editor embed block

Last updated 1 year ago

Was this helpful?

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

1. Click "Log in"

Click on "Log in"

2. Switch to "accounts.shopify.com"

Switch to "accounts.shopify.com"

3. Switch to "admin.shopify.com"

Navigate to "admin.shopify.com"

4. Click "Online Store"

Navigate to the "Online Store" section.

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

Go to "Theme editor"

6. Click "Customize"

Select "Customize" from the menu.

7. Switch to the "DeepConverse Dashboard"

Navigate back 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

9. Click "Settings"

Access the "Settings" option.

10. Click "Deployment"

Click on "Deployment" in the menu.

11. Choose the Published or Draft version

Select the version of the chatbot to add

12. Click the copy icon

Copy the script

13. Switch back to the theme editor

Navigate back to the theme editor to add the script

14. Click "Edit code"

Select "Edit code" from the menu.

15. Edit the theme file

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

16. Paste the script tag

Save the changes and then preview the store

17. Click "Preview store"

Preview your store.

18. Switch to your Shopify Store

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

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

Click on "Hide bar."

20. Try the chatbot

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

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

Go to

Click 'Log in'
Switch to 'accounts.shopify.com'
Switch to 'admin.shopify.com'
Click 'Online Store'
Switch to 'online-store-web.shopifyapps.com'
Click 'Customize'
Switch to the 'DeepConverse Dashboard'
Select the chatbot you would like to put
Click 'Settings'
Click 'Deployment'
Choose the Published or Draft version
Click the copy icon
Switch back to the theme editor
Click 'Edit code'
Edit the theme file
Paste the script tag
Click 'Preview store'
Switch to your Shopify Store
Click 'Hide bar' to remove the preview banner
Try the chatbot

www.shopify.com
Powered by guidde
How to install the DeepConverse chatbot in Shopify store