websitechatbot.ch

Embed the chatbot on your website

You add one single line of code in one place — in the footer template of your website. The chatbot then appears automatically on every sub-page. You do not have to edit every page individually.

The code

Copy your personal widget code from the dashboard. It looks like this, with your own slug instead of YOUR-SLUG:

<script src="https://websitechatbot.ch/widget.js" data-slug="IHR-SLUG" async></script>

Name, colour and avatar are configured in the dashboard under Settings → Appearance. You don't need to adjust the code for that.

Guides by CMS

WordPress

  1. In the admin area: Design → Theme Editor → open footer.php (or install a plugin like "Insert Headers and Footers" / "WPCode").
  2. Paste the widget code right before </body>.
  3. Save the file. Done — the chatbot now appears on all pages.

Shopify

  1. In the admin: Online Store → Themes → Actions → Edit code.
  2. Open the theme.liquid file.
  3. Paste the widget code right before </body> and save.

Wix

  1. Settings → Custom Code → + Custom Code.
  2. Paste the widget code into the text field.
  3. Choose "Apply to: All pages" and "Place code in: Body – end". Save.

Squarespace

  1. Settings → Advanced → Code Injection.
  2. Paste the widget code into the "Footer" field and save.

Webflow

  1. Project Settings → Custom Code → Footer Code.
  2. Paste the widget code, save, and republish the site.

Jimdo

  1. Settings → Header and footer → HEAD or Footer.
  2. Paste the widget code into the footer area and save.

Static HTML site

  1. If you use a shared footer include (e.g. footer.html, PHP include): paste it there once.
  2. Without a shared template, the code really does have to be added to every HTML file — in that rare case, a text editor with "Find and replace" will help.

Verify

  1. Open the page in your browser and do a full reload (Ctrl/Cmd + Shift + R).
  2. A round chat button should appear in the bottom right.
  3. Click it → the chat window opens. Ask something about your content.

If nothing appears

  • Open the browser console (right-click → Inspect → Console). If you see data-slug attribute is required, the slug is missing or misspelled.
  • Did you actually save the code? Many CMSs require an extra click on "Publish".
  • Content Security Policy: if your site has a strict CSP, allow script-src https://websitechatbot.ch and connect-src https://websitechatbot.ch.
  • Widget hidden by other content: very rare. Send us an email and we'll solve it together.

Help with installation

Got a different CMS or the installation isn't working? Simply reply to your welcome email or write to info@websitechatbot.ch — we'll help personally.