Getting started

Embed your chatbot

Embed your chatbot

We curated guides from the most popular platforms for embedding your custom chat widget.

Step 1: Add Your Public URL
  • On the Embed page, specify the URL of your website where you intend to embed the chat feature. This helps them ensure that the chat is properly configured for your site.

Step 2: Set Your Chatbot to Public
  • Once you've added your website URL, you need to set your website to "public" within the settings or configuration options provided by the chat service. This essentially allows the chat service to recognize and serve the chat interface to visitors on your website.


1. WordPress

WordPress is one of the most popular content management systems. Here's how to embed a JavaScript snippet:

  1. Log in to your WordPress dashboard.

  2. Navigate to Appearance > Theme Editor.

  3. Locate the appropriate theme file (usually header.php or footer.php) where you want to insert the JavaScript code.

  4. Insert the JavaScript code snippet within the <script> tags.

  5. Save the changes.

For more details, refer to WordPress Codex.


2. Wix

Wix is a user-friendly website builder. To embed JavaScript in a Wix site:

  1. Go to the Wix Editor.

  2. Click on Settings.

  3. Choose Tracking & Analytics.

  4. Paste the JavaScript code snippet in the provided box.

  5. Save your changes.

For detailed instructions, see Wix Support.


3. Shopify

Shopify is a popular platform for e-commerce websites. Follow these steps to embed JavaScript on Shopify:

  1. Log in to your Shopify admin panel.

  2. Go to Online Store > Themes > Actions > Edit code.

  3. In the theme editor, find the appropriate template file (such as theme.liquid).

  4. Paste the JavaScript code snippet where you want it to appear.

  5. Save the changes.

For further assistance, refer to Shopify Help Center.


4. Squarespace

Squarespace offers an intuitive website building experience. Here's how to embed JavaScript on Squarespace:

  1. Access your Squarespace site editor.

  2. Navigate to Settings > Advanced > Code Injection.

  3. Paste your JavaScript code snippet into the appropriate field.

  4. Save the changes.

For more information, visit Squarespace Support.


5. Joomla!

Joomla! is a popular open-source content management system. To embed JavaScript on Joomla!:

  1. Log in to your Joomla! admin panel.

  2. Go to Extensions > Templates > Templates.

  3. Select the template you want to edit.

  4. Paste the JavaScript code snippet into the appropriate file.

  5. Save the changes.

For detailed instructions, see Joomla! Documentation.


6. Drupal

Drupal is a flexible CMS used for a variety of website types. To embed JavaScript on Drupal:

  1. Log in to your Drupal admin panel.

  2. Go to Structure > Blocks.

  3. Choose the block where you want to add the JavaScript code.

  4. Click on Configure and then Edit.

  5. Paste the JavaScript code snippet into the block's content area.

  6. Save the changes.

For more assistance, refer to Drupal.org Documentation.


7. Magento

Magento is a robust e-commerce platform. Here's how to embed JavaScript on Magento:

  1. Log in to your Magento admin panel.

  2. Go to Content > Design > Configuration.

  3. Select the appropriate store view.

  4. Click on HTML Head.

  5. Paste the JavaScript code snippet into the Scripts and Style Sheets field.

  6. Save the configuration.

For detailed guidance, visit Magento DevDocs.


8. Blogger

Blogger is a popular blogging platform owned by Google. To embed JavaScript on Blogger:

  1. Log in to your Blogger dashboard.

  2. Go to Theme > Edit HTML.

  3. Find the appropriate location to insert the JavaScript code.

  4. Paste the JavaScript snippet.

  5. Save the theme.

For further assistance, see Blogger Help.


9. Weebly

Weebly is a drag-and-drop website builder. To embed JavaScript on Weebly:

  1. Log in to your Weebly account.

  2. Select the site you want to edit.

  3. Click on Settings > SEO.

  4. Paste the JavaScript code snippet into the Footer Code section.

  5. Save your changes.

For more details, visit Weebly Support.


10. Ghost

Ghost is a popular open-source CMS for bloggers and publications. Here's how to embed JavaScript on Ghost:

  1. Log in to your Ghost admin panel.

  2. Go to Settings > Code Injection.

  3. Paste the JavaScript code snippet into the Site Footer section.

  4. Save the changes.

For detailed instructions, see Ghost Documentation.