How to add Chat Widget to your store

Use this page to install the Chat Widget on your storefront or website. After you open Chat Widget, you land on the Install tab, which shows your go-live status and setup progress (Connect Shopify, Activate in Theme Editor, Preview on store). If you need to configure widget behavior after installation, use the focused setup pages linked at the end of this article.

​

Prerequisites

• You can open bitChat > Chat Widget.
• You have access to your storefront theme or website code.

​

Step 1: Open Chat Widget

• Go to bitChat.
• Open Chat Widget.

​

Step 2: Install the widget on Shopify

• On the Activate bitChat in your Shopify Theme Editor card, click Activate widget.
• In the Shopify Theme Editor, search for bitChat.
• Enable bitChat: Live Chat Widget app embed.
• Click Save.

​

Step 3: Choose the widget type

Under Widget type, the current Chat Widget setup includes these styles:

• Adaptive Chat Widget
• Classic Chat Widget (Floating, Sidebar, Full Page, Redirect)

After installation, continue with the focused setup pages for the style and settings you want to configure.

​

Step 4: Install the widget on a non-Shopify site

• Add the widget script before the closing </body> tag of your website:
  <script
    src="https://storage.googleapis.com/bitbybit-main/widget/embed.js"
    data-widget-key="cmleotaz909qjl801m2gjqpy2"
  ></script>
  
• Save your site changes.

​

Related articles

• Chat Widget overview
• How to set up chat widget appearance
• How to set up conversation starters in chat widget
• How to hide chat widget on specific pages