Short answer: Weebly has a site-wide code field in your site settings, under the SEO area, where you can paste header or footer code that runs on every page. Paste the chat widget script into the footer field, publish, and check your live domain in a private window. There is also a per-page embed element if you only want the widget on one page.
Weebly gives you a proper site-wide option, use it
Plenty of website builders make you paste code onto each page individually. Weebly does not. Inside your site's settings there is an SEO area containing fields for header code and footer code, and whatever you put there is injected into every published page.
That is exactly what you want for a chat widget. A visitor who lands on a blog post should get the same help as one who lands on your services page, and a site-wide install means you never have to remember to add it to a new page later.
The steps, in order:
Open your site in the Weebly editor. Go to the settings area for the site as a whole, not the settings for an individual page. Find the SEO section. Paste the full script tag into the footer code field. Save. Then publish the site.
Footer rather than header matters slightly. Code in the footer runs after the browser has already drawn your page, so nothing about the widget can delay your content appearing. Chat widgets are the textbook case for footer placement.
The per-page alternative: the embed element
Weebly's element list includes an embed or custom HTML element you can drag onto a page like any other block. Drop it in, click it, choose the option to edit the custom HTML, and paste your script.
Use this when you deliberately want the widget in one place only. A common example is a single high-intent landing page you are running ads to, where you want to test whether chat lifts enquiries before rolling it out everywhere.
One quirk worth knowing: the embed element occupies space in your layout, so it can leave an odd gap. The chat bubble itself will not sit where you dropped the block, because it anchors to the browser window corner. Drop the element at the very bottom of the page to keep the layout tidy.
Which approach should you pick
Site-wide footer code, almost always. It is one paste, it covers pages you have not built yet, and removing it is one deletion.
Go per-page only if you have a specific reason: a test, a page where you want a different setup, or a site section where chat would be inappropriate. Otherwise you are creating maintenance work for yourself.
Verifying the install
Weebly editing is staged. Nothing you change exists on the internet until you press publish, and the editor preview does not reliably run custom scripts. So the only meaningful test is the live site.
Publish. Open your real domain in a private or incognito browser window. Wait for the page to fully load. The chat bubble should appear in a corner.
If nothing shows up, view the page source on the live page and search for the script tag. Present in the source but no bubble means a runtime problem, so check the browser console for errors. Absent from the source means the code did not save, or you pasted into a page setting rather than the site-wide one. That second mistake is common because Weebly has settings at both levels and they look similar.
Common gotchas
The editor preview is not the site. Do not judge the install from inside Weebly. Check the published URL.
Browser cache. If you looked at your site five minutes before installing, your browser may serve you the old version. Private window, or a hard refresh.
Custom domain versus the weebly subdomain. Test whichever address your customers actually use. If you have a custom domain, that is the one that matters.
Pasting into a text block. A normal text element escapes your code and prints it on the page as visible characters. It has to be the embed or code field.
Weebly and Square Online. Weebly and Square's online store product share lineage, and depending on which editor your account opens, menu names differ. If the wording in your account does not match exactly, look for the settings area that mentions SEO or custom code. If you cannot find it, check Weebly's current help documentation rather than guessing.
Once it is live, actually set it up
Installing is the easy half. The half that decides whether it earns its keep is what the widget knows and what it does with an interested visitor.
Point it at your website so it crawls your pages and learns your services, hours and policies. Upload anything that only exists in a document, like a price list or a policy sheet. Then decide what happens when someone is clearly a customer rather than a browser, which is where lead capture comes in. Clerkzo can either collect details conversationally or show an in-chat form with your own fields, and pushes the result to your leads inbox plus email, webhook or Telegram.
When you spot a wrong answer, flag it and type the correction. It applies permanently, which is how the thing gets sharper over the first fortnight instead of staying wherever it started.
Frequently asked questions
Will it appear on my blog posts too?
With the site-wide footer method, yes, on every published page including blog posts.
Does it work on Weebly's free plan?
Access to custom code fields depends on your Weebly plan. If the SEO code fields are missing from your settings, that is a plan restriction. Check Weebly's current site for what your plan includes.
Can I change the colours to match my site?
Yes. Clerkzo's Widget Studio has eight themes, light and dark modes, three bubble shapes and a brand colour picker, so it can look like it belongs on your site rather than bolted on.
Will it break my Weebly styling?
No. The widget renders inside a Shadow DOM, which isolates its styles from your page. Your CSS cannot leak into it and its CSS cannot leak into you.
How long does the whole thing take?
Most people are live in about ten minutes. See how it works for the full sequence.