RdhroopAI

Embed Guide

Install dhroopAI on your website.

Choose your website platform, paste one script, and launch your trained chatbot on the pages where visitors need help.

Copy Your CodeView Guides
1

Train your bot

Add your website URL in dhroopAI and wait for the knowledge base to show ready.

2

Copy the script

Use the Install Code page in your dashboard so the script includes your real bot ID.

3

Paste and publish

Add the script to your platform's footer, body-end, or custom-code area.

Platform Guides

Find the install path for your website builder.

Every platform below uses the same dhroopAI script. The only difference is where that platform lets you paste custom code.

</>HTML

Install dhroopAI on a custom website, static site, or any page where you can edit HTML.

WPWordPress

Add the widget to a WordPress site using a custom-code plugin or theme footer injection.

SShopify

Install the chatbot across your Shopify storefront from the active theme code.

WWix

Use Wix custom code to show dhroopAI on selected pages or the whole website.

SQSquarespace

Use site-wide code injection to load the assistant on Squarespace pages.

GDGoDaddy

Add dhroopAI to a GoDaddy Website Builder site using the custom code tools available on your plan.

GSGoogle Sites

Embed dhroopAI on Google Sites pages that support custom embed blocks.

JJoomla

Load the widget through your Joomla template or a custom HTML module.

DDrupal

Add dhroopAI with a custom block, theme template, or site-wide asset injection module.

BCBigCommerce

Use BigCommerce Script Manager to load dhroopAI across your storefront.

WWeebly

Install the chatbot through Weebly's footer code or embedded code element.

UUnbounce

Add dhroopAI to landing pages using the page JavaScript manager.

FFramer

Use Framer custom code to install dhroopAI on your marketing site.

DUDuda

Load the chatbot from Duda's custom code tools or a site-wide HTML widget.

GGhost

Add dhroopAI to a Ghost publication with Code Injection.

BBlogger

Install dhroopAI on Blogger with an HTML/JavaScript gadget or theme HTML.

TTumblr

Use Tumblr theme HTML to add dhroopAI to your public blog.

YYola

Add the widget through a custom HTML block or site code setting.

CCargo

Install dhroopAI from Cargo's custom HTML/code settings.

PPiwigo

Add dhroopAI to a Piwigo gallery with footer customization or a local files plugin.

LJLiveJournal

Use the custom HTML areas available in your LiveJournal theme.

JGJigsy

Install dhroopAI with a custom HTML or JavaScript widget.

IMIM Creator

Use an embed/custom HTML element to load the chatbot on IM Creator sites.

</>

HTML

Install dhroopAI on HTML

Paste the script before the closing body tag.

  1. Open your dhroopAI dashboard and copy the embed code from Install Code.
  2. Open the HTML file or template that renders every page.
  3. Paste the script before the closing body tag.
  4. Publish the site and open a live page to confirm the widget appears.
WP

WordPress

Install dhroopAI on WordPress

Use a footer/custom-code plugin and load it site-wide.

  1. Copy your dhroopAI embed code from the dashboard.
  2. Install a trusted header/footer code plugin or open your theme's footer injection area.
  3. Paste the script in the footer or before body close area.
  4. Save, clear cache if needed, and test the public site.
S

Shopify

Install dhroopAI on Shopify

Paste the script in theme.liquid before the closing body tag.

  1. In Shopify admin, open Online Store, Themes, then Edit code for the live theme.
  2. Open layout/theme.liquid.
  3. Paste the dhroopAI script before the closing body tag.
  4. Save and preview your storefront.
W

Wix

Install dhroopAI on Wix

Add the script in Custom Code and place it at the end of body.

  1. Open your Wix dashboard and go to Settings, then Custom Code.
  2. Add a new custom code block.
  3. Paste the dhroopAI script and choose body end placement.
  4. Apply it to all pages or only the pages where chat should appear.
SQ

Squarespace

Install dhroopAI on Squarespace

Paste the script in the Footer code injection area.

  1. Open Settings, Advanced, then Code Injection.
  2. Paste your dhroopAI embed code into the Footer field.
  3. Save the page.
  4. Open the published site and check the selected widget position.
GD

GoDaddy

Install dhroopAI on GoDaddy

Use the site-wide custom code area when available.

  1. Open your GoDaddy website editor.
  2. Find Settings, Site HTML, or the custom code/embed area.
  3. Paste the dhroopAI script into the site-wide footer area.
  4. Publish and test on the live domain.
GS

Google Sites

Install dhroopAI on Google Sites

Use Insert, Embed, then paste the script as embed code.

  1. Open the Google Sites page editor.
  2. Choose Insert, then Embed.
  3. Paste your dhroopAI embed code.
  4. Publish and check the page. Google Sites may render scripts inside an embedded frame.
J

Joomla

Install dhroopAI on Joomla

Place the script in the template footer or a site-wide custom HTML module.

  1. Copy your embed code from dhroopAI.
  2. Open your template custom code area or create a custom HTML module.
  3. Paste the script and assign it to the pages where chat should load.
  4. Save and test the public site.
D

Drupal

Install dhroopAI on Drupal

Use a footer block or theme-level body-end script placement.

  1. Open Drupal administration.
  2. Create a custom block or use your theme's script injection method.
  3. Paste the dhroopAI embed code.
  4. Place the block globally, clear cache, and test.
BC

BigCommerce

Install dhroopAI on BigCommerce

Add it as a footer script on storefront pages.

  1. Open Storefront, then Script Manager.
  2. Create a new script and paste the dhroopAI embed code.
  3. Choose footer placement and the storefront pages where it should run.
  4. Save and preview your store.
W

Weebly

Install dhroopAI on Weebly

Use Settings, SEO, Footer Code for site-wide installation.

  1. Open your Weebly site editor.
  2. Go to Settings, SEO, then Footer Code.
  3. Paste the dhroopAI script.
  4. Publish and check the live site.
U

Unbounce

Install dhroopAI on Unbounce

Place the script before the body end on the target landing page.

  1. Open the Unbounce page editor.
  2. Go to Javascripts for the page.
  3. Paste the embed code and choose before body end placement.
  4. Save, publish, and test the landing page.
F

Framer

Install dhroopAI on Framer

Add the script to the end of body in site settings.

  1. Open Site Settings in Framer.
  2. Find Custom Code.
  3. Paste the dhroopAI script in the end of body area.
  4. Publish the site and confirm the widget loads.
DU

Duda

Install dhroopAI on Duda

Use body-end custom code where available.

  1. Open your Duda site dashboard.
  2. Go to Settings or Developer Mode, then custom code.
  3. Paste the dhroopAI script in the body-end area.
  4. Republish and test from the live URL.
G

Ghost

Install dhroopAI on Ghost

Paste the script in Site Footer.

  1. Open Ghost Admin and go to Settings, then Code Injection.
  2. Paste the dhroopAI embed code into Site Footer.
  3. Save changes.
  4. Open a public post or page and check the widget.
B

Blogger

Install dhroopAI on Blogger

Use Layout, HTML/JavaScript gadget, or paste before body close in Theme HTML.

  1. Open Blogger and choose your blog.
  2. Go to Layout and add an HTML/JavaScript gadget, or open Theme, Edit HTML.
  3. Paste the dhroopAI embed code.
  4. Save and view your blog.
T

Tumblr

Install dhroopAI on Tumblr

Paste the script before the closing body tag in Edit HTML.

  1. Open Tumblr Customize for your blog.
  2. Choose Edit HTML.
  3. Paste the dhroopAI script before the closing body tag.
  4. Save and open your public blog.
Y

Yola

Install dhroopAI on Yola

Use the HTML widget or site-wide custom code area.

  1. Open your Yola site editor.
  2. Add an HTML widget or open the site custom code area.
  3. Paste your dhroopAI embed code.
  4. Publish and check the page.
C

Cargo

Install dhroopAI on Cargo

Use global custom HTML where available.

  1. Open your Cargo site settings.
  2. Find Custom HTML or code injection.
  3. Paste the dhroopAI script.
  4. Publish the site and verify the widget.
P

Piwigo

Install dhroopAI on Piwigo

Place the script in the footer template/custom file area.

  1. Open your Piwigo administration area.
  2. Use a local files editor or theme footer customization plugin.
  3. Paste the dhroopAI script near the page footer.
  4. Clear cache if needed and test the public gallery.
LJ

LiveJournal

Install dhroopAI on LiveJournal

Paste into a theme/custom HTML area that allows scripts.

  1. Open your LiveJournal style or customization settings.
  2. Find a custom HTML/sidebar/code area.
  3. Paste the dhroopAI embed code.
  4. Save and test. Some journal themes may restrict scripts.
JG

Jigsy

Install dhroopAI on Jigsy

Use a global HTML/JS widget or page footer code area.

  1. Open the Jigsy site editor.
  2. Add a custom HTML/JavaScript element.
  3. Paste the dhroopAI script.
  4. Save, publish, and open the live page.
IM

IM Creator

Install dhroopAI on IM Creator

Add the script in an HTML embed element or custom code setting.

  1. Open your IM Creator site editor.
  2. Add an Embed or HTML element.
  3. Paste the dhroopAI script.
  4. Publish and confirm the widget appears.

Need help?

Send us your platform and website URL.

If your builder blocks custom scripts, send a screenshot of the code area and we will suggest the best install method.

Contact Support