NIVA is now Vatoo. Read the short story

Vatoo
All integrations

Connect Web Widget
to Vatoo

The Vatoo web widget is a lightweight JavaScript snippet that adds a fully branded AI chat bubble to any website or web app. It works on any tech stack · WordPress, Shopify, React, plain HTML · with no framework dependency. Configure it once in Vatoo and your bot is live on your site in under 5 minutes.

Estimated: 2–5 minutesEasy5 steps

Confirm connector availability, your account plan, and required permissions before setup. Test with a non-production record before enabling live actions.

Vatoo
VatooWeb Widget
Get Your Widget Embed Code01
Paste the Snippet into Your Website02
WordPress or Shopify (CMS)03
Verify the Widget Loads04

Setup overview · illustrative

Have these
ready

  • Vatoo botmaster account with a bot configured and active
  • Access to your website's HTML (or theme settings for CMS platforms)

5 steps
to go live

01

Get Your Widget Embed Code

  • Log in to your Vatoo botmaster dashboard
  • Go to Settings → Widget (or Embed)
  • Copy the JavaScript snippet shown · it includes your unique bot token

Each bot has its own unique snippet. Make sure you copy from the correct bot if you have multiple.

02

Paste the Snippet into Your Website

  • Open the HTML of the page (or your global layout/template file)
  • Paste the snippet just before the closing tag
  • Save and publish the page

Placing it before ensures the page loads before the widget initialises · no layout shift.

03

WordPress or Shopify (CMS)

  • WordPress: Go to Appearance → Theme Editor → open footer.php → paste before . Or use a plugin like Insert Headers and Footers.
  • Shopify: Go to Online Store → Themes → Edit Code → open theme.liquid → paste before
  • Wix / Squarespace: Use the Custom Code / Embed section in site settings and paste the snippet there
04

Verify the Widget Loads

  • Visit your website · you should see the chat bubble in the bottom-right corner
  • Click it to open the chat and send a test message
  • The bot should reply within a few seconds
05

Customize Appearance (Optional)

  • Back in Vatoo botmaster → Settings → Widget
  • Change the bubble colour, position, greeting message, and avatar
  • Changes apply instantly · no need to update the snippet

You can also restrict which domains the widget loads on from Security → Allowed Origins.

Stuck?
Quick fixes

Widget does not appear

Check the snippet is pasted before . Open browser DevTools → Console for JS errors.

Bot replies with an error

Ensure the bot is active and at least one knowledge source is connected.

Widget blocked by CSP

Add your Vatoo domain to your Content-Security-Policy header: script-src and connect-src.

Widget shows on staging, not production

Check Allowed Origins in Security settings · add your production domain.

More integrations

Connect Web Widget in one call

Book a demo and we'll set up the integration with you live.