theme.liquid 2 ●
layout > theme.liquid
typing...
File saved
Install guide
One line of code.
Two minutes. Any website.
Your chatbot needs a single <script> line on your site. Watch exactly where it goes on your platform, step by step, then confirm it worked.
Start with your code
Every install below uses the same line. Grab yours first — it already has your chatbot's ID inside it.
1
Open your dashboardSign in and choose the chatbot you want to install.
2
Go to the Widget tabThe </> icon in the left sidebar.
3
Press Copy embed codeOne line, copied to your clipboard.
<script src="https://websitechatbot.io/widget-v1.5.1.js" data-id="YOUR-CHATBOT-ID"></script>
Use your own line, not this one. The data-id above is a placeholder. The real code in your dashboard contains your chatbot's unique ID — without it the bubble will not appear.
Step by step
Pick your platform
The code goes in a different place on each one. Choose yours and watch the walkthrough.
WordPress
About 1 minuteThe chatbot goes into your theme's footer file, so it loads on every page of the site.
yoursite.com/wp-admin/theme-editor.php
Appearance > Theme File Editor > footer.php
Editing Astra (active)
File: footer.php
Selected file content:
File updated successfully
typing...
Swipe the screen sideways to see it all →
1Open the theme editor
From the WordPress admin sidebar.
Appearance›Theme File Editor2Choose footer.php
In the Theme Files list on the right.
3Paste above </body>
Scroll to the bottom and put the script on its own line directly above the closing body tag.
4Click Update File
Reload your site. Hard-refresh with Ctrl+F5 if you use a caching plugin.
No Theme File Editor? Many hosts hide it. Use a plugin like WPCode or Insert Headers and Footers instead and paste the line into the Footer box. Same result, and it survives theme updates.
Shopify
About 2 minutesThe chatbot goes into theme.liquid, the one file every page of your store loads.
⌕ Horizon
Save
Swipe the screen sideways to see it all →
1Open your live theme's code
From the Shopify admin.
Online Store›Themes›⋯›Edit code2Open layout / theme.liquid
Scroll the file list to the layout folder. Not sections — the closing body tag only exists here.
3Paste above </body>
Press Ctrl+F, search for the closing body tag, and put your line on the row above it.
4Click Save
The bubble appears on every page except checkout, which Shopify locks to Plus plans.
Make sure it is the live theme. Under Themes, only the one below the "Live" heading is what visitors see. Editing a backup copy is the single most common reason an install looks done but never appears.
Wix
About 1 minuteWix has a dedicated Custom Code panel, so you never touch a theme file.
manage.wix.com/dashboard/…/custom-code
Settings > Custom Code > Add Custom Code
Add Custom Code
Paste the code snippet you want to add to your site.
Paste the code snippet here:
Add Code to Pages
All pages
Choose specific pages
Place Code in
Head
Body – end
Body – end is the one you want
Code applied
typing...
Swipe the screen sideways to see it all →
1Open Custom Code
From your Wix dashboard.
Settings›Custom Code2Add Custom Code
Paste your line into the box and name it something like "Chatbot".
3All pages, Body – end
Choose All pages, then set "Place Code in" to Body – end.
4Apply and publish
The bubble appears on the published site, not in the editor preview.
Custom Code needs a paid Wix plan. On a free Wix site the panel is locked, so the widget cannot be installed until the site is upgraded and connected to a domain.
Squarespace
About 1 minuteSquarespace calls it Code Injection. There are two boxes — the chatbot goes in the second one.
yoursite.squarespace.com/config/settings/advanced/code-injection
Header
Code entered here is added to the head of every page.
Footer
Code entered here is added before the closing body tag — put the chatbot here.
Footer, not Header
Settings saved
typing...
Swipe the screen sideways to see it all →
1Open Code Injection
From your Squarespace admin.
Settings›Advanced›Code Injection2Scroll to Footer
Use the Footer box, not Header — the widget loads after your page content.
3Paste your line
Drop the script into the Footer box exactly as copied.
4Click Save
Reload your site and the bubble appears on every page.
Code Injection needs a Business plan or higher. On Personal plans the panel is not available, so the widget cannot be added until the site is upgraded.
SMM Panel
About 1 minutePerfect Panel and the panel scripts built on it keep their layout in Twig templates. The chatbot goes on the last line of footer.twig, under the closing body tag — that file loads on every page of the panel, including the pages behind the login.
yourpanel.com/admin/appearance
Edit the theme — HTML templates
HTML / footer.twig⛶ Edit Full Screen
Template saved
typing...
Swipe the screen sideways to see it all →
1Open the theme editor
From your panel's admin area.
Admin›Appearance›HTML2Choose footer.twig
In the HTML file list. Not header.twig — the footer loads last, so the chat bubble never delays your pages.
3Paste it under </body>
Scroll to the very end and put the script on its own line below the closing body tag — after {% endif %} if your theme ends with one.
4Save the template
Reload your panel. The bubble appears for signed-in customers and for visitors browsing your services.
Your chatbot reads the signed-in customer's own account. On a panel it answers from their real balance, orders and tickets, and quotes real service IDs and prices from your services page — read in their browser, from your panel, with their own session. No API key, and nothing of yours is exposed in the page.
Paste it outside every Twig block. If the line lands inside a {% if %} or {% block %} it only loads on some pages, or the template stops rendering. Put it after the last closing tag in the file. If your panel has a Footer code box in its settings, that field works too and survives theme updates.
Last step
Check that it worked
Back in the Widget tab there is an install checker. Type your website address and press Verify installation — it visits your site, looks for your chatbot's code and tells you exactly what it found.
Installed & working — the chat bubble is live on your site.
Check your installation
Already pasted the code? Enter your site address and we'll confirm the chat bubble is live.
https://yourwebsite.com
Verify installation
Troubleshooting
If something doesn't look right
The six questions our support team answers most often.
Anywhere that loads on every page, ideally just before the closing </body> tag. A theme footer, a body-end custom code field, or a site-wide HTML block all work. It does not need to be in the head, and putting it there only makes your page slower to appear.
No. The script loads after your page content and weighs about 120 KB. It does not block rendering, so your Core Web Vitals score is unaffected. Nothing downloads until the page itself has finished.
Two usual causes. Your platform keeps cached copies of your page on several servers and they do not all update at the same moment, so wait a minute and check again. Or the code went into a theme that is not the published one — on Shopify, confirm you edited the theme listed under "Live".
You can, but conversations from both sites land in the same inbox under the same chatbot, and it answers both with the same knowledge. If the sites are different businesses, create a second chatbot and use its own embed code.
Never. Colours, welcome message, position, logo, knowledge and every other setting apply to your live widget immediately. The embed code stays the same forever, so you only ever paste it once.
Yes. Paste the same line into footer.twig in your panel's Appearance editor. On a panel the chatbot does more than answer questions: it reads the signed-in customer's own balance, orders and tickets, and quotes real service IDs and prices from your services page, so it can say "order 795564439 is in progress" instead of sending them to look it up.
Two ways. Delete the script line from your website, or switch the widget off in the Widget tab — that hides it everywhere without touching your site, and you can switch it back on any time.
Still stuck? We'll do it for you.
Send us your website address and admin access and our team will install it, usually the same day. No charge on any plan.