Tilda

How to add an AI chatbot to a Tilda site

To add SLAtech AI to a Tilda site, add an HTML code block (T123) with two lines of code and publish. Put the block in the page you use as the site footer, and the chat appears on every page; put it on one page, and it appears there only.

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 Tilda

Open the block library, choose Other and add block T123, HTML code. Paste both lines into it and save. To show the chat on every page, add the block to the page set as the site's footer in the site settings, under header and footer, rather than to each page.

Good to know

In edit and preview mode Tilda shows the code as text; it runs only after the page is published, so publish the footer page and the pages that use it. If you list Allowed origins, add your own domain and, if you test there, your tilda.ws 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 Tilda?

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.

Can I put the code in the site's head instead?

Use the T123 block: the code includes a div that belongs in the page body. Tilda's head settings are meant for code that goes inside the head tag.

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