Webflow

How to add an AI chatbot to a Webflow site

To add SLAtech AI to a Webflow site, paste two lines of code into Site settings, Custom code, Footer code, save, and publish the site. The Footer code goes before the closing body tag on every page, so the assistant answers visitors everywhere, from your own content.

First, copy the code

In the SLAtech AI admin panel, open your site, go to the widget settings, the Embed code tab, and click Copy code. It is two lines: a div carrying your site's widget key, and a script tag that loads embed.js. Copy both together. The key is meant to be visible in the page source: it can ask questions, not change your knowledge base.

Where the code goes in Webflow

Open your Site settings and the Custom code tab. Paste both lines into the Footer code section and click Save changes. To put the chat on one page only, use that page's settings instead: Custom code, Before </body> tag.

What Webflow requires

Site-wide custom code needs a Core, Growth, Agency or Freelancer Workspace, or an active Site plan. Custom code shows in preview but goes live only when the site is published. If you list Allowed origins, add your custom domain and, if you test there, your webflow.io address.

Check that it works

Open the live site in a private window. The chat button appears in the corner; ask a question your site answers. The conversation shows up in the admin panel. If the button does not appear: check that the page is published, that both lines were pasted together, and - if you filled in Allowed origins in the site's advanced settings - that every address the site opens on is listed, with and without www, plus the platform's own address if you test there. An empty field allows any.

Frequently asked questions

Do I need a developer to add a chatbot to Webflow?

No. Copy two lines from the admin panel and paste them where this page shows. Everything else - colour, welcome message, language - is set in the admin panel without touching the code again.

Why doesn't the chat appear on my Webflow site?

Most often the site has not been published since the code was added, or the plan does not include custom code. Check that the code is in Footer code, not inside the page design.

How much does it cost?

There is a free plan with no credit card, and paid plans start at $49 a month. The current limits of each plan are on the pricing page.

Get in touch

Leave your details and we will reply. You do not need a sales call to get an answer.

Other questions