DuChat

Docs sections

OverviewAccount setupDashboardCreate chatbotChatbot settingsTrain knowledgeTest and publishWidget setupPlatform embedsWordPressWebflowShopifyWixSquarespaceFramerGoogle Tag ManagerBigCommerceBubbleCarrdCustom HTMLConversationsAnalyticsBillingTeam and rolesNotificationsSupportSecurityAdmin monitoringDeveloper integrationsTroubleshooting
Website install

Platform embed guides

Install the chatbot on WordPress, Webflow, Shopify, Wix, Squarespace, Framer, tag managers, ecommerce stores, no code apps, landing pages, and custom sites.

Checklist

Before you start

Publish the chatbot only after the playground answers, fallback, lead capture, and widget design are approved.
Copy the final snippet from the chatbot Embed page, not from a screenshot or old ticket.
Add every live hostname that will load the widget to the chatbot domain settings.
Install the snippet once per page, ideally in a footer or body end code field.
Verify from a normal visitor window after publishing the website changes.

Platforms

Platform pages

WordPress

Install the DuChat widget on a self hosted WordPress site or a WordPress.com site that supports custom JavaScript.

Open guide

Webflow

Add the widget script to Webflow site settings for every page or to page settings for a single page.

Open guide

Shopify

Install the chatbot launcher on a Shopify storefront by adding the script to the active theme.

Open guide

Wix

Use Wix custom code settings to load the widget on all published site pages.

Open guide

Squarespace

Install the widget through Squarespace Code Injection so it loads before the closing body tag.

Open guide

Framer

Add the widget script in Framer custom code settings and run it on the pages where visitors need chat.

Open guide

Google Tag Manager

Deploy the widget through a Google Tag Manager Custom HTML tag when GTM is already installed on the website.

Open guide

BigCommerce

Use BigCommerce Script Manager or the storefront theme to load the widget across the store.

Open guide

Bubble

Add the widget to a Bubble app through custom header or body settings, then deploy the app.

Open guide

Carrd

Use a Carrd Embed element in hidden body end mode to load the widget on a published page.

Open guide

Custom HTML

Install the widget on custom HTML, server rendered, React, Next.js, Astro, Laravel, Rails, Drupal, Joomla, HubSpot CMS, Duda, or similar sites.

Open guide

Snippet

Shared snippet

Every platform uses the same script shape. The dashboard generates the real app URL, workspace id, and chatbot id for the selected chatbot.

Embed snippet shape
<script
  src="https://your-domain.com/widget.js"
  data-workspace-id="WORKSPACE_ID"
  data-chatbot-id="CHATBOT_ID"
  defer
></script>

Verify

Verify install

  1. 1Open the live pageUse the public URL, not only the builder preview. The widget should show the launcher in the configured corner.
  2. 2Check browser consoleA blocked config request usually means the chatbot is unpublished, paused, credit inactive, or missing the live domain.
  3. 3Send a real questionConfirm the answer uses trained knowledge, stores the conversation, and shows image upload only when expected.
  4. 4Test mobileOpen the same URL on a small screen and confirm the launcher, panel, and composer are usable.
Next doc

Add chatbot embed code to WordPress

Install the DuChat widget on a self hosted WordPress site or a WordPress.com site that supports custom JavaScript.

Open