WebSiteChat.ai

Install WebsiteChat on WordPress, Shopify, Studio, Wix, and Jimdo

WebsiteChat does not use a different AI integration for each website builder. You embed the same widget snippet.

Platforms differ in where that snippet goes and how you publish afterward.

For crawl, testing, and configuration, read the full WebsiteChat setup guide.

Copy the WebsiteChat widget code

In the console, open Chatbot → Install and copy the snippet. The rest of this page only covers where to paste it.

WebsiteChat widget (example)
<script src="https://websitechat.ai/widget.js" data-site="YOUR_SITE_KEY"></script>

Replace YOUR_SITE_KEY with the value shown for that site. Do not reuse a key from another install.

How to Install WebsiteChat on WordPress

A dedicated WebsiteChat plugin is not required. Install the widget snippet with WP Headers and Footers, then paste it into Scripts in Header so it prints in the <head> on every public page.

  1. Open WordPress Admin and install the WP Headers and Footers plugin if it is not already installed
  2. Go to Settings → WP Headers and Footers
  3. Paste the WebsiteChat widget snippet into Scripts in Header
  4. Save the settings
  5. Clear cache if a cache plugin is active
  6. Check the live site

Do not use Scripts in Body for this snippet. The field note on that screen says header scripts are printed in the <head> section.

If the widget is missing after save, confirm the snippet is complete, then check cache, CDN, and any security or script-optimization plugins.

WordPress Settings → WP Headers and Footers, with the WebsiteChat widget snippet in Scripts in Header
WordPress Settings → WP Headers and Footers, with the WebsiteChat widget snippet in Scripts in Header

How to Install WebsiteChat on Shopify

Add the snippet in a theme location that loads on the storefront, not on a single product template.

  1. Open Shopify Admin
  2. Go to Online Store → Themes
  3. Open theme code or another global theme area that all pages share
  4. Paste the WebsiteChat snippet
  5. Save
  6. Verify on the published storefront

After you switch themes, check that the snippet is still present. The theme editor preview is not enough.

Shopify admin theme editor with the WebsiteChat widget snippet added to a global layout
Shopify admin theme editor with the WebsiteChat widget snippet added to a global layout

How to Install WebsiteChat on Studio

WebsiteChat indexes the published Studio site. Unpublished editor content is not crawled until you publish it.

  1. Open the Studio site
  2. Open Site Settings
  3. Open Custom Code (site-wide)
  4. Paste the WebsiteChat snippet
  5. Publish
  6. Check the public URL

Custom Code availability can depend on the Studio plan. If the field is missing, check the site’s plan and settings in Studio before changing WebsiteChat.

Studio site settings Custom Code field with the WebsiteChat widget snippet
Studio site settings Custom Code field with the WebsiteChat widget snippet

How to Install WebsiteChat on Wix

Use Custom Code in the Wix dashboard, and apply it to all pages. If you manage several Wix sites, confirm you are editing the live one.

  1. Open the Wix dashboard
  2. Open Custom Code
  3. Add custom code and paste the WebsiteChat snippet
  4. Set the scope to All Pages
  5. Save and publish
  6. Check desktop and mobile on the live site

A “selected pages” scope will hide the widget on everything else.

Wix Custom Code settings with the WebsiteChat widget snippet applied to all pages
Wix Custom Code settings with the WebsiteChat widget snippet applied to all pages

How to Install WebsiteChat on Jimdo

Jimdo Creator supports custom HTML and JavaScript. For a site-wide WebsiteChat installation, use Edit Head.

  1. Open Jimdo Creator
  2. Go to Menu → Settings → Edit Head
  3. Paste the WebsiteChat widget snippet
  4. Save the changes
  5. Check the public site

Jimdo products use different editors and features. If your Jimdo site does not provide Edit Head or another way to add site-wide JavaScript, this installation method is not available for that site.

Jimdo Creator HTML or head settings with the WebsiteChat widget snippet
Jimdo Creator HTML or head settings with the WebsiteChat widget snippet

Verify WebsiteChat after installation

  • Homepage
  • Inner pages
  • Desktop
  • Mobile
  • The widget opens
  • A test question returns a reply
  • A public, logged-out browser

For crawl results and answer quality, use the WebsiteChat setup guide.

How to Remove WebsiteChat

Delete the same snippet from the platform’s global code field. Save or publish, clear cache if needed, and confirm the launcher is gone on the live site.

Removing the front-end snippet does not delete crawled knowledge in WebsiteChat. Disable or remove the site in the console if you need that as well.

FAQ

Does WordPress require a WebsiteChat plugin?
No. Add the WebsiteChat widget snippet in a location that loads on every public page.
Can the same WebsiteChat widget code be used on Wix and Studio?
Yes. The snippet is the same. Each builder only differs in where you paste it and how you publish.
Should the widget code load on every page?
If the chatbot should be available site-wide, add the snippet to a global location. A page-only placement will hide it everywhere else.
What happens if I change the website theme or template?
A snippet stored in the old theme can disappear. Add it again in the new theme, or keep it in a header/footer code field that is not tied to one theme.
What should I check if the widget does not appear?
Confirm the snippet was saved, it loads site-wide, the site is published, cache is cleared, and scripts are not blocked. The setup guide covers crawl and answer checks separately.