Wibidi Wibidi

Install guide

Add Wibidi to your website

Two lines of code, pasted once. About two minutes, and you don't need to be technical.

The code you'll paste

Goes in your site's footer — the area that loads just before </body>
1<div id="wibidi-chatbot" data-bot-id="YOUR-BOT-ID" data-app-url="https://wibidi.com"></div>
2<script src="https://wibidi.com/embed.js"></script>
Both lines, together. The first creates the place where your chat will sit; the second loads it. One without the other will not work.

Your own bot ID is filled in automatically when you use Copy install code in the Wibidi dashboard. Copy it from there rather than retyping.

1

Copy from your dashboard

Open your chatbot in Wibidi and select Copy install code.

2

Paste into your footer

Find your platform below. Every one of them has a footer or "body end" box.

3

Save, then check

Reload your site in a private window. The chat bubble appears in the bottom corner.

Find your platform

Each builder names the same spot differently. Here's the exact route for each.

WPCode

WordPress

Most common

Use the free WPCode plugin. It keeps your snippet safe when your theme updates, and you never touch a theme file.

  1. In your WordPress admin, go to Plugins → Add New, search for WPCode, then install and activate it.
  2. Look for Code Snippets in the left-hand menu — WPCode adds it there.
  3. Open Header & Footer.
  4. Paste both lines into the Footer box and click Save Changes. Your chat now loads on every page.

If nothing appears: clear your cache. Caching plugins (WP Rocket, LiteSpeed, W3 Total Cache) and host-level caching serve visitors the old page until you purge it. This is the single most common reason a correctly pasted snippet seems to do nothing.

Shopify

Online Store › Themes › ⋯ › Edit code › Layout › theme.liquid

Scroll to the bottom of the file, paste both lines immediately before </body>, and click Save.

Tip: duplicate your theme first, so you always have an untouched copy to fall back on.

WixPremium plan

Settings › Custom Code › + Add Custom Code

Paste both lines, set Place Code in to Body – end and Add Code to Pages to All pages, then click Apply.

Note: Custom Code only appears once your site is published and a domain is connected.

SquarespaceCore, Plus or Advanced

Website › Website Tools › Code Injection

Paste both lines into the Footer field and click Save. Squarespace injects it before </body> on every page.

Note: code injection isn't available on the entry-level plan, and checkout pages don't run custom code.

Webflow

Site settings › Custom code › Footer code

Paste both lines into Footer code, click Save, then Publish your site.

Note: custom code never runs inside the Designer. You'll only see the chat on the published site.

Joomla, PrestaShop, Drupal, Ghost and others

Look in your settings for custom code, header & footer scripts, code injection or custom HTML — most platforms have one. PrestaShop and Joomla usually need a small free header/footer module, or the snippet added to your template's footer file. Not sure? Send us your platform name and we'll tell you exactly where it goes.

Hand-coded HTML

Paste both lines directly before </body> and upload the file. If your pages share a footer template or include, add it there once and it applies everywhere.

Two places this won't work

Both block third-party scripts at the platform level, so there's no workaround from our side. We'd rather tell you now than have you spend an afternoon on it.

Google Sites

Doesn't allow scripts in the page itself and blocks external ones by security policy. Embeds are sandboxed, so a site-wide chat bubble can't run.

GoDaddy Websites + Marketing

Its custom-HTML block runs inside an isolated frame and won't apply site-wide. GoDaddy's managed WordPress hosting works fine — the builder doesn't.

Chat not showing up?

Four things account for almost every case. Work down the list.

Did you paste both lines?

The <div> and the <script> both have to be there. Pasting only the script is the most frequent slip.

Have you cleared your cache?

Purge any caching plugin or CDN, then reload in a private window so your browser fetches a fresh copy.

Did the change go live?

Webflow and most builders need you to publish after saving. Saving alone doesn't update the public site.

Is your domain verified?

A chatbot only runs on the domain it's registered to. Check the domain in your dashboard matches the site exactly.

Stuck? We'll do it with you.

Write to [email protected] with your website address and the platform you use, and we'll walk you through it. If you already work with someone who looks after your website, this is a two-minute job for them — forward this page.