Install Alee on Wix, Squarespace & Webflow

Alee gives you one <script> line that drops a chat bubble onto any website. The catch is that Wix, Squarespace and Webflow each bury their "paste custom code here" box in a different corner of their settings. This guide walks you through finding that box on all three builders and pasting your Alee snippet so your trained bot goes live in a few minutes.

Before you start: grab your Alee embed code

Everything below assumes you already have a bot and its embed snippet. If you don't yet, start free, create a bot, and train it on at least one knowledge source (a website URL, a sitemap, a PDF, a YouTube video, or pasted text) so it has something to answer from.

To copy your snippet:

1. Open your bot in the Alee dashboard.
2. Go to the bot's Embed / Install section (the place that shows your install code).
3. Copy the single <script> line. It looks roughly like this:

```html
<script src="https://aleeup.com/embed.js" data-bot-id="YOURBOTID" defer></script>
```

That's the entire install. The same snippet works on every platform — Wix, Squarespace, Webflow, WordPress, Shopify, Framer, Ghost, plain HTML, even a Linktree-style page. Only the place you paste it changes.

A few tips that apply everywhere:

• Paste it site-wide, not on a single page, so the bubble appears on every page of your site.
• Footer / end-of-body is the safest location. The script is defer-loaded, so it won't slow your page render.
• Publish after pasting. None of these builders show the live bubble until you hit Publish.
• Do your styling (bot name, brand color, avatar, welcome message, starter questions, persona) inside the Alee dashboard, not in the snippet — changes there update your live bubble automatically.

Install Alee on Wix

Wix hides site-wide code under its marketing tools, not its page editor. The cleanest path is Custom Code in your dashboard.

1. From your Wix dashboard (not the drag-and-drop editor), open Settings in the left menu.
2. Click Custom Code (listed under the "Advanced" group).
3. Click + Add Custom Code in the top right.
4. Paste your Alee <script> snippet into the code box.
5. Under Add Code to Pages, choose All pages, and set Load code on each new page.
6. Under Place Code in, select Body - end.
7. Give it a name like Alee chatbot, click Apply, then Publish your site.

If you're on Wix Studio or can't find Custom Code

• Wix Studio: the equivalent lives under Settings → Custom Code as well; the layout differs slightly but the All-pages / Body-end choices are the same.
• Embed widget fallback: if Custom Code is greyed out (it requires a connected domain on a paid plan), you can drop an Embed → Embed HTML / Custom Element block in the editor and paste the snippet there. This only loads the bot on the page that holds the block, so prefer the dashboard Custom Code route for a site-wide bubble.

Install Alee on Squarespace

Squarespace gives you two good options. Code Injection is the recommended one because it loads on every page.

Option A — Code Injection (site-wide, recommended)

1. In your Squarespace site, open Settings.
2. Go to Advanced → Code Injection (on newer accounts this may sit under Website → Website Tools → Code Injection).
3. Paste your Alee <script> snippet into the Footer box.
4. Click Save, then make sure your site is published (not in trial/private mode).

The Footer box injects your code right before the closing </body> tag on every page — exactly where Alee wants to be.

Option B — Code Block (single page)

If you're on a plan without Code Injection, or you only want the bot on one page:

1. Edit the page, click an insert point, and add a Code block.
2. Paste the snippet, set the block type to HTML, and apply.

Use Option A whenever you can — Code Block only covers the page it's on, and Squarespace can sanitize code blocks during edits.

Note for Indian users: Code Injection requires a paid Squarespace plan. If you're on a trial, the snippet saves but the bubble won't show until you upgrade and publish.

Install Alee on Webflow

Webflow lets you add code at two levels: the whole site, or one page. For a chatbot you want site-wide footer code.

Site-wide (recommended)

1. Open your Webflow project.
2. Go to Site settings (the gear icon, or Project settings in some workspaces).
3. Open the Custom code tab.
4. Scroll to Footer code (labelled "Before </body> tag").
5. Paste your Alee <script> snippet there.
6. Click Save changes, then Publish your site to the live .webflow.io domain or your connected custom domain.

Webflow only runs custom code on the published site, never inside the Designer canvas or the Designer preview — so don't worry if you can't see the bubble while editing.

Single page

To load the bot on just one page (for example, a landing page):

1. In the Designer, open Page settings for that page (hover the page in the Pages panel and click the gear).
2. Scroll to Custom code → Before `</body>` tag.
3. Paste the snippet and save.

Webflow plan caveat

Site-wide and page-level custom code require a paid Site plan (or a paid Workspace) in Webflow. On the free Starter plan the Custom code fields are visible but disabled. If you can't paste, that's the plan — not a bug.

Worked example: a Squarespace coaching site

Say you run a coaching site on Squarespace and you've trained an Alee bot on your services page, your FAQ, and two YouTube videos. You want the bot to greet visitors and capture leads on every page.

1. In Alee, set the welcome message to "Hi! Ask me anything about the 1:1 coaching programs," add three starter questions, and turn on lead capture for name and email.
2. Copy the embed snippet.
3. In Squarespace: Settings → Advanced → Code Injection → Footer, paste, Save.
4. Publish. The red pixel-cat bubble now appears bottom-right on every page; answers are grounded only in your content, repeat questions are served instantly from cache, and new leads flow to your dashboard (and on to a CRM or Google Sheet if you've wired a webhook).

The exact same three steps work on Wix (Custom Code → Body-end) and Webflow (Footer code), just in their respective code boxes.

Verify it's working

After publishing on any of the three:

• Open your live site in a fresh tab (hard-refresh, or use an incognito window to dodge cache).
• Look for the chat bubble in the bottom corner.
• Send a test question you know your content answers, and one it shouldn't — Alee should answer the first with sources and politely say it doesn't know the second.

If the bubble doesn't appear, check the three usual suspects: you pasted into the page editor instead of the site-wide code box, you didn't Publish, or your plan doesn't allow custom code (common on free Wix/Squarespace/Webflow tiers).

Want to fine-tune the look, persona, and lead flow next? See the features overview and our other tutorials, or browse more guides.

Frequently asked questions

Will the Alee chatbot slow down my Wix, Squarespace or Webflow site?

No meaningfully. The embed is a single defer-loaded script placed before </body>, so it loads after your page content renders and doesn't block your visuals. Trained answers are also cached, so repeat questions return instantly.

Do I need a paid plan on these builders to add the chatbot?

For a site-wide bubble, yes — Wix Custom Code, Squarespace Code Injection, and Webflow custom code all require a paid plan on those platforms. As a workaround you can use a single-page embed/HTML/code block on free tiers, but it only loads the bot on that one page.

Can I change the bot's name, colour or welcome message after embedding?

Yes, and you never touch the snippet again. Edit the display name, brand colour, avatar, welcome message, starter questions and persona inside the Alee dashboard, and your live bubble updates automatically on Wix, Squarespace and Webflow.

Ready to put a trained AI chatbot on your site? [Start free with Alee](/signup) and paste your embed in minutes.