Add Hazelchat to your Weebly site

Add Hazelchat’s chat agent to every page of your Weebly site with Weebly’s Footer Code field. Hazelchat answers your visitors from the pages and documents you approved, and shows the sources under every answer.

What you need

• A Weebly site you can edit and publish. Weebly’s help does not name a plan for header and footer code.
• A Hazelchat account with an agent you have tried in the workspace. You can start free.

Add the code

1. In Hazelchat, open the install step (Install in setup, or Website → Install on your website), choose Something else and click Copy the code. It is one line with your own widget key:

   <script src="https://app.hazelchat.co/widget.js" data-agent="YOUR-WIDGET-KEY" defer></script>

2. Open the Weebly site editor and click Settings at the top.
3. Choose SEO and paste the line into Footer Code.
4. Click Save, then Publish your site.
5. Back in Hazelchat, enter your website’s address and click I’ve added the code.
6. Click Publish and switch on (or Switch on if your agent is already published). Hazelchat first looks for the code on your website and only then makes the chat visible.
7. Open your website, refresh it, ask the chat a question a visitor would ask, then return to Hazelchat and click Yes, I saw this answer.

These steps follow Weebly’s own help (Site settings and Google Analytics), read on 14 October 2026. We have not yet tested Hazelchat on Weebly ourselves. If a menu looks different, Weebly’s page is the up-to-date one.

Check it works

• Look at your published site: Weebly’s help notes that some code shows nothing in the editor.
• View the page source of the published site and search for app.hazelchat.co/widget.js.

Weebly’s help says this code goes into the page itself, so Hazelchat’s check can find it when you switch the chat on. If your home page does not carry the code, enter the page that does under Installation troubleshooting → Page the script is on.

Common problems

• Square Online is a different product. If you manage your site from the Square Dashboard, follow the Square Online guide instead.
• Saved but not published. Your live site changes only when you publish.
• An Embed Code element instead. An Embed Code element adds the line to one spot on one page. Use Footer Code so the chat is on every page.
• “The install script was not found on the page.” Check that you published the change in Weebly and that the line is complete, with your own key, then try again in Hazelchat.

Visitor consent

Weebly can show a cookie notification (Settings → Cookie Notifications). Weebly’s help does not say that it holds back code you add, so expect the chat to load for every visitor unless you use the option below.

To keep the chat closed until a visitor agrees, add data-require-consent="true" to the line, before defer. The chat then waits until your consent tool sends:

window.dispatchEvent(new CustomEvent('hazelchat-consent', { detail: true }));

Send detail: false when a visitor withdraws consent. With this option and no event, no chat appears, so test it on your published site.

Remove Hazelchat

• Open Settings → SEO, delete the line from Footer Code, save and publish.
• To hide the chat everywhere at once without touching your site, switch Hazelchat off on its Website page. The line then stays on your pages but shows nothing.

Help

For Weebly itself, use Weebly Help. For anything in Hazelchat, email hello@hazelchat.co. We answer within one business day. Other ways to install Hazelchat.

Start free