Nivi ChatDocs
Open dashboardarrow_forward
arrow_backAll docs

Embed on your website

Add the chat widget to any site with one snippet.

schedule3 min read

Once your bot is trained and styled, adding it to your website is a single line of script. It works on any site — plain HTML, WordPress, Shopify, Webflow, and more.

  1. 1

    Copy your embed code

    In your chatbot's Settings, find the deployment / embed section and copy the snippet. It already includes your unique chatbot ID.
  2. 2

    Paste it into your site

    Add the snippet just before the closing </body> tag (or in your site's global footer / custom-code area). It looks like this:
    html
    <script
  src="https://nivichat.in/widget/chat-widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  data-color="#6366f1"
  data-position="bottom-right"
  defer
></script>
  3. 3

    Publish and test

    Publish your site and reload. The chat launcher appears in the corner you chose — click it and say hello.
www.yourwebsite.com
chat
The chat launcher appears on your live site

Platform notes

  • WordPress — paste into a “custom HTML” / footer-scripts area, or use a header-and-footer plugin.
  • Shopify — add it to theme.liquid before </body>.
  • Webflow / Framer — use the site-wide custom code / footer embed setting.
warning
Heads upThe widget only loads on domains you allow. If it doesn't appear, make sure your site's domain is added to the chatbot's allowed domains in Settings.

Frequently asked questions

Does the chat widget work on WordPress, Shopify, and Wix?

Yes. The widget is a single script tag that works on any website builder or CMS, including WordPress, Shopify, Wix, Webflow, Framer, and plain HTML sites.

Will the chat widget slow down my website?

No. The widget script loads asynchronously (deferred), so it does not block your page from rendering and has a negligible impact on load time.

Why isn’t the chat widget showing up on my site?

The most common cause is that your website’s domain has not been added to the chatbot’s allowed domains in Settings. Add your domain, then reload the page.

Can I change where the chat button appears?

Yes. In the chatbot’s appearance settings you can position the launcher at the bottom-right or bottom-left of the screen.