Live plans and a one-time free trial. Start a 24/7 assistant on your site. Start your free trial →

Blog · Setup

How to Embed an AI Chatbot Widget on Your Website

The good news: embedding an AI chatbot widget is usually one script tag, so the step looks almost identical no matter what your site runs on. The differences are mostly about where you paste that snippet — theme footer, custom-code box, or Google Tag Manager — not about a rebuild. For exact WordPress, Shopify, Wix, and Webflow clicks, see the platform guide and the installation docs.

WordPress

Paste the script into a header/footer plugin, or your theme's custom-code section if your theme supports it directly. There are no plugin conflicts to worry about since it's just a script tag, not a competing plugin ecosystem trying to hook into the same WordPress functions other plugins use.

If you're using a page builder like Elementor or Divi, most of them also have a dedicated 'custom HTML' or embed block you can drop the snippet into directly on the page, as an alternative to a site-wide header/footer plugin.

Shopify, Wix, Squarespace

Each has a built-in 'custom code' or 'embed' section in the site settings specifically meant for third-party scripts like this — usually under Settings, Advanced, or Theme Code, depending on the platform. This is the same mechanism these platforms use for adding things like live-chat widgets or analytics scripts, so if you've added any third-party tool before, the process will feel familiar.

Custom-built or framework-based sites

Drop the script tag before the closing </body> tag in your HTML template, or the equivalent root layout file if you're using React, Vue, Next.js, or a similar framework. If your site uses server-side rendering, the tag typically belongs in whatever shared layout file wraps every page, so it loads consistently across your whole site rather than just one page.

Google Tag Manager, if you use it

If your site already uses Tag Manager for other scripts, you can add the chatbot the same way — one more tag, no direct code changes to your site needed, and it can be managed by whoever already handles your other tags without touching the site's actual codebase.

What to check after installing, regardless of platform

Once the tag is in place, confirm the widget actually appears on a live page (not just a preview), check it on mobile, and send it a couple of test questions. This final check takes two minutes and catches the rare case where a script got pasted in the wrong place or blocked by a caching plugin.

Get your installation snippet after you register a website.

Start your free trial