websitechatbot.ch

Embed the chatbot on your website

You add one single line of code in one place — and the chatbot then appears automatically on every page of your website. 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 website builder

Click on your website builder — the detailed step-by-step guide will expand. If your provider isn't listed, just write to us: info@websitechatbot.ch.

Static HTML site or hand-coded site
  1. If you use a shared footer include (e.g. footer.html, a PHP include, or a template in Hugo/Jekyll/Eleventy): paste the widget code there once, directly before &lt;/body&gt;. That's enough for the entire site.
  2. If every page is its own HTML file and there's no shared template: the code really does have to be added before &lt;/body&gt; in every file. Use VS Code or Sublime Text, open all files, and use Find & Replace across files: search for &lt;/body&gt;, replace with your widget code followed by &lt;/body&gt;. Done in 10 seconds.
WordPress
This guide works with any WordPress theme (classic or block theme) and without you having to edit code files directly. You install a free plugin called "WPCode" that manages the code for you.
  1. Open your browser and type into the address bar: your-website.com/wp-admin (replace your-website.com with your own address). Log in with your WordPress username and password.
  2. In the left vertical menu: hover over Plugins and click Add New.
  3. In the top-right search box, type WPCode. The first result is called WPCode — Insert Headers and Footers + Custom Code Snippets. Click the blue Install Now button next to it and wait a few seconds until it changes to Activate — click that too.
  4. A new entry called Code Snippets now appears in the left menu. Hover over it and click Header & Footer.
  5. You see three large text boxes: Header, Body, Footer. Click into the Footer box and paste your widget code (Ctrl/Cmd + V).
  6. Click the blue Save Changes button at the top right.
  7. Done. Open your website in a new tab and press Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac) for a full reload. The chat button appears in the bottom right.
Wix
Custom Code is only available on paid Wix plans. In addition, your site must be published and use a connected domain (e.g. yourname.com — not yourname.wixsite.com). It does not work on the free plan.
  1. Go to wix.com and log in.
  2. You'll see your site(s) listed — click Select & Edit Site (or Manage Site) on the relevant one.
  3. In the left menu of the dashboard: Settings — usually near the bottom.
  4. Scroll to the section Development & integrations and click Custom Code.
  5. Click the + Add Custom Code button at the top right.
  6. Paste your widget code into the large text field Paste the code snippet here.
  7. Set the following options: Add Code to Pages = All pages and Load code once. Place Code in = Body – end.
  8. Click Apply at the bottom right. Open your website in a new tab and do a full reload — the chat button appears.
Squarespace
Code Injection is only available from the Core plan upwards (Squarespace renamed its plans in late 2024 — current tiers are Basic, Core, Plus, Advanced). The Basic plan does not include this feature; older legacy "Personal" plans also remain locked out. If you're on Basic, you'll need to upgrade to Core (a few francs more per month).
  1. Log in at squarespace.com.
  2. Click on the website you want to edit to open its overview.
  3. In the left menu: Settings.
  4. Click Advanced, then Code Injection.
  5. Paste your widget code into the Footer field. Not "Header" or "Lock Page".
  6. Click Save at the top left. Open your website in a new tab and do a full reload (Ctrl/Cmd + Shift + R).
Jimdo
This guide applies to Jimdo Creator. If you use Jimdo Dolphin (the newer AI editor that auto-generated your site), inserting custom code is not possible — that's a limitation of Jimdo Dolphin itself. In that case, write to us at info@websitechatbot.ch and we'll find a solution.
  1. Log in at jimdo.com and open your website.
  2. Click Edit at the top right to enter edit mode.
  3. Open the menu at the top left (three lines / hamburger icon) and select Settings → Edit Head.
  4. Paste your widget code into the text field and click Save.
  5. Even though the code is in the Head section, the widget loads asynchronously and still appears in the bottom right on every page. Reload your website to test.
Shopify
  1. Log in to your Shopify admin (yourshop.myshopify.com/admin).
  2. In the left menu: Online Store → Themes.
  3. On your current theme (at the top of the list), click the three-dot button ⋯ next to Customize, and choose Edit code.
  4. On the left you'll see a file tree. Open the Layout folder and click the file theme.liquid.
  5. Press Ctrl/Cmd + F to open a search, and look for &lt;/body&gt;. Place the cursor on the empty line directly above it and paste your widget code.
  6. Click Save at the top right. Open your shop in a new tab and reload it — the chat button appears in the bottom right.
Webflow
Custom Code only runs on sites with an active Site Plan. On a free .webflow.io URL without a plan, the code won't load. If you use Webflow for free, you'll need to activate a Site Plan first (starting around USD 14/month).
  1. Open your project in the Webflow Designer. At the top left next to the Webflow logo: click the gear icon for Site Settings.
  2. Click the Custom Code tab.
  3. Scroll to the Footer Code section (before the closing body tag) and paste your widget code there.
  4. Click Save Changes.
  5. Back in the Designer: top right, click Publish → Publish to Selected Domains. Important: the code only goes live after publishing — preview alone is not enough.
IONOS MyWebsite
Two things to know: (1) The HTML module (Custom Head Code) is not included in every MyWebsite Now plan — the cheapest entry plans don't have it. If you can't find "Custom Head Code" under Settings in your editor, you'll need to upgrade to a plan that includes the HTML module. (2) IONOS only loads custom code after visitors accept the cookie banner. So the chat button appears once the visitor clicks "Accept". If a visitor declines cookies, the chatbot will not appear. This guide is for MyWebsite Now; MyWebsite Creator is a separate product with a different editor — if you use Creator, please write to us for the right steps.
  1. Log in at ionos.com (or your country's IONOS site) and open the MyWebsite editor.
  2. In the left menu: Settings.
  3. Click Custom Head Code.
  4. Paste your widget code into the text field and click Save.
  5. Click Publish at the top right so the change goes live.
STRATO Homepage Builder
STRATO does not offer global code injection. Instead you place the widget once in an area that appears on every page — usually the footer block. If you only have a home page, just placing it there is enough.
  1. Log in to your STRATO customer area and click Edit website.
  2. In the editor: Content Elements → Standard Elements. Look for the element Embed.
  3. Drag the Embed element with your mouse into your footer area (or another area that's visible on every page of your site).
  4. Once the Embed element is placed, you'll see a small gear icon at the top right of the element. Click it.
  5. In the popup: paste your widget code into the Embed Code field and click Save.
  6. Click Publish at the top right of the editor. Open your website in a new tab and do a full reload — the chat button appears.
Hostpoint Sites
Hostpoint Sites does not offer global code injection. Place the widget once in the footer area — in most Sites templates the footer is shared across all subpages. If the footer in your template is not shared across pages, you'll need to add the Embed element on every page individually.
  1. Log in to the Hostpoint Control Panel and open your Sites website in edit mode.
  2. Click in your footer area (the bottom area that appears on every page) on + Add Element.
  3. Select the element Embed (or HTML embed).
  4. Paste your widget code into the text field and click Apply or Save.
  5. Click Publish at the top. Reload your website — the chat button appears in the bottom right.
Localsearch (MyWEBSITE)
Localsearch (Swisscom Directories) builds and manages your website as a full-service product. That usually means you can't add code yourself — the most reliable route is to ask Localsearch support to add it for you. As a customer you're entitled to that, and it's a few-minute job for them.
  1. Open the Localsearch support form.
  2. Ask support to add the widget code to your site's footer, or directly before the closing &lt;/body&gt; tag — that way the chatbot appears on every page. Just use the template below.
  3. YOUR-SLUG is your personal identifier. Here's how to find it: log in to your dashboard and look at your browser's address bar — your identifier is the part after /dashboard/. Example: in websitechatbot.ch/en/dashboard/mycompany-ch, the identifier is mycompany-ch. Replace YOUR-SLUG in the template with exactly that value.
  4. Once Localsearch confirms it's live, the chat button appears in the bottom right. Reload your site once (Ctrl + Shift + R).

Template to copy:

Hello,

I'm a MyWEBSITE customer and I'd like to add a small tool (a chatbot) to my website.

Could you please insert the following line of code into my site's footer, or directly before the closing </body> tag, so that it's present on every page:

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

Please publish the site afterwards and let me know once it's online.

Thank you and best regards
Google Sites
Heads up: Google Sites runs all embedded code inside a fixed iframe block. Our widget code will load, but with caveats: the chat button stays trapped inside that rectangle (not floating in the bottom-right of the page), the chat window can't expand beyond that rectangle, and you have to add the embed manually on every page — there's no global injection. If you want to try anyway, or need help switching to a builder that works properly, write to info@websitechatbot.ch — we'll help.

Verify

  1. Open your website in a new tab and do a full reload: Ctrl + Shift + R (Windows) or Cmd + Shift + R (Mac). This bypasses the browser cache.
  2. A round chat button should appear in the bottom right within 1–2 seconds.
  3. Click it → the chat window opens. Ask a question about your business (e.g. about your opening hours) to confirm the answers match your website.

If nothing appears

  • Open the browser console (right-click on the page → Inspect → Console tab). If you see an error with 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" — saving alone is often not enough. In Webflow, for example, you have to click Publish to Selected Domains.
  • Content Security Policy: if your site has a strict CSP (very rare on SMB sites), 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 website builder or the installation isn't working? Just reply to your welcome email or write to info@websitechatbot.ch — we'll help personally with the installation, free of charge.