How to Add an AI Chatbot to Tilda — Step by Step in 5 Minutes

Q: Can I use it on the free Tilda plan?

No. Site-wide custom code requires a paid Personal or Business plan. On the free plan, Tilda doesn't allow custom scripts.

Q: Will the widget slow down my site?

No. It loads asynchronously (defer) in an isolated Shadow DOM and doesn't block your page from rendering.

↑ Part of AI chatbot for your website

In short: You create an AI agent in BotChata, let it index your website, and paste a single script tag into Tilda's site code. From then on, the chatbot answers visitor questions around the clock — using only your own site's content, in 40+ languages. No coding. GDPR-compliant, hosted in Germany (EU).

→ Start free — no credit card · Live in 5 minutes · Free plan forever

What You Need (Prerequisites)

A Tilda site on a paid plan (Personal or Business) with a connected domain.
A BotChata account — the free start is enough (sign up with email, no credit card).
5 minutes. No code, no developer.

⚠️ Important — Tilda free plan: custom code (the site-wide code injection used in this guide) is a feature of the paid Personal/Business plans. On the free plan, Tilda doesn't allow custom scripts. Upgrade to a paid plan first — then this works on any Tilda site.

Part 1 — Set Up BotChata (about 3 minutes)

Step 1: Create an agent and add your site

Sign up at botchata.net and open the dashboard. On Add a new site, enter a Site name and your Website URL, then click Add & start indexing. The crawl begins automatically.

Add a new site — name and website URL

The free start needs no credit card — just your email. (You can optionally activate the 7-day Premium-features trial later with a card; not needed for this guide.)

Step 2: Let it finish indexing

BotChata reads every reachable page and turns it into the knowledge base. For ~50 pages this takes 1–3 minutes. On the Links tab you see every page it crawled with an Indexed status — wait until the site shows Ready.

Links tab — all pages indexed

Why this matters: the bot answers only from your indexed content. If an answer isn't on your site, it says so honestly — instead of making something up. That protects your credibility.

To add another source later (a second domain or a single page), click Add link and choose 🌐 Full site or 📄 Single page.

Add source — Full site vs Single page

Step 3: Quick test

Open the Overview tab and ask the bot a few typical customer questions in the live preview (e.g. "How much is shipping?"). If the answers are accurate, you're ready to embed.

Overview tab — live chat preview

Step 4: Copy the embed code

Open the agent's Widget tab and switch to the Script section. Copy the snippet next to Embed code — it looks like this:

Widget → Script — embed code with a Copy button

<script
  src="https://botchata.net/api/widget.js"
  data-api-key="YOUR_KEY"
  data-api-url="https://botchata.net/api"
  defer
></script>

The defer attribute makes the widget load asynchronously so it won't slow down your load time (Core Web Vitals). The widget runs in an isolated Shadow DOM — it can't interfere with your Tilda design.

Part 2 — Add the Code to Tilda (about 2 minutes)

You have two ways. Method A puts the widget on every page and is best for most people.

✅ Method A (recommended): site-wide code in Site Settings

Open your project's Site Settings (the gear next to the site name).
Go to the More tab.
Find "Insert code: HTML code for the <head> of the page" (or the "code before </body>" field) and paste the BotChata script there.
Save changes.
Publish all pages of the site (Tilda only applies code after a republish).

Tilda Site Settings → More — BotChata script in the code field

Use the <head> field if there's no body-end field — the defer attribute makes sure the widget still loads after the page content, so it won't slow rendering.

Method B: a single page only (T123 "HTML code" block)

If you want the chat on one specific page rather than the whole site:

Edit the page → Add Block → "Other" → T123 "HTML code".
Paste the BotChata script into the block.
Save and Publish the page.

Method B only affects that one page. For a site-wide floating widget, use Method A.

Step 3 — Check That It Works

Publish the site, then open your live domain in a new private/incognito window (not the Tilda editor).
The BotChata bubble appears in the bottom-right.
Click it and ask a real question about your offering.
The bot should answer within seconds with content from your website.

See the widget? You're live. 🎉

GDPR Note

Hosted in Germany (EU): BotChata runs on Hetzner servers in Germany; data does not leave the EU without consent, and there is no AI training on your data.
Data processing: sign the DPA (Data Processing Agreement) with BotChata and list the tool in your privacy policy.
Consent / cookie banner: if you use Tilda's cookie banner or a tool like Cookiebot, make sure the BotChata script loads only after consent.
EU AI Act ready: visitors see before the first chat that they're talking to an AI — the transparency duty under Art. 50 (from August 2026) is met by default.

Common Problems (Troubleshooting)

Problem	Fix
There's no code field in Site Settings.	Custom code needs a paid Tilda plan (Personal/Business). Free plans don't allow it — upgrade first.
The widget doesn't appear on the live site.	Did you Publish all pages after saving the code? Tilda applies code only after a republish. Then clear the browser cache.
The bot answers "I don't know".	That page may not be indexed. In BotChata, check the Links tab and reindex (one click).
The widget clashes with the design.	The Shadow DOM should prevent this. If it still happens, adjust position/z-index in the Widget Builder (Business plan and up).
Answers in the wrong language.	BotChata auto-detects the visitor's language (40+ languages). Test with a question in a fresh window.

FAQ

Does BotChata need a Tilda integration or app? No. A single script tag in Site Settings is enough — no app, no third-party connector.

Can I use it on the free Tilda plan? No. Site-wide custom code requires a paid Personal or Business plan. On the free plan, Tilda doesn't allow custom scripts.

Is this GDPR-compliant? Yes. Hosted in Germany (Hetzner), DPA included, no AI training on your data, and controllable via your cookie banner. See the GDPR note above.

Does the bot make up answers? No. It answers only from your indexed website content. If information is missing, it says so honestly instead of guessing.

What does it cost? The BotChata free start costs $0 (100 messages/month, no card). Paid plans start at $29/month — a fixed price per plan, no per-message credits. (Your Tilda plan is billed separately by Tilda.)

Will the widget slow down my site? No. It loads asynchronously (defer) in an isolated Shadow DOM and doesn't block your page from rendering.

Start Now

Add an AI chatbot that knows your content to your Tilda site in 5 minutes.

→ Start free — no credit card

Set up in 5 minutes. 100 messages/month free. GDPR-compliant, hosted in Germany.