How to add an AI chatbot to a Wix or Webflow site. One line of code.

Before you start: what each platform needs

Both platforms only allow custom code on certain sites. Check yours first, because it's the most common reason the steps below don't work.

You'll also need a ChatBouncer account. Start a 14-day free trial. You build and preview your chat box for free, and you can cancel anytime.

Want to see it on your own site first? Paste your web address into the free preview on the homepage. It reads your public pages and builds a temporary chat box you can talk to. No signup needed.

Step 1: Set up your chat box and teach it your business

The chatbot only answers from the info you save. That's what stops it inventing a price, a discount or a policy you don't have.

1. Sign up and create your assistant.
2. Give it your website address. It reads your public pages and pulls in your hours, prices, services and FAQs. You can also type your info in yourself.
3. Read through what it found. Fix what's off and add what's missing.
4. Open Preview chat and ask it what your customers ask: your hours, your prices, where you work, how to book.

If an answer is missing, add it to your info and ask again. When it doesn't have an answer, it should say the owner will confirm rather than guess.

Step 2: Copy your one line of code

1. In your ChatBouncer dashboard, open your assistant and go to the Widget & embed tab.
2. Click Copy code. It's one line that looks like this (yours has your own key):<script src="https://chatbouncer.com/w.js" data-key="pk_…" async></script>
3. On the same tab, under Your website domains, add every address your site uses, then save: Wix: your connected domain, for example yourbusiness.com. Webflow: your custom domain and your yoursite.webflow.io address, if you test there.

The chat box only runs on the addresses you list. If someone copies your code onto another site, it won't load there.

Step 3a: Add the code in Wix

1. Go to Settings in your site's dashboard.
2. Click Custom Code in the Development & integrations section.
3. Click + Add Custom Code at the top right.
4. Paste your ChatBouncer line into the text box and name it ChatBouncer.
5. Under Add Code to Pages, choose All pages and load it on each page your visitor opens.
6. Under Place Code in, choose Body – end.
7. Click Apply.

Wix also asks you to give each piece of code a category for its cookie banner. ChatBouncer is functional.

Can't find Custom Code, or it won't save? Wix only allows Custom Code on a published site with a connected domain. Connect a domain first, then come back to these steps.

The short version of these steps lives in our Wix install guide.

Step 3b: Add the code in Webflow

1. Open your Site settings and go to the Custom code tab.
2. Paste your ChatBouncer line into the Footer code section.
3. Click Save changes.
4. Publish your site. The code doesn't go live until you publish.

Because it's in the site-wide footer code, the chat box shows on every page, including pages you add later. You don't need to add it page by page.

Don't see a Custom code tab, or the code won't run? Webflow allows custom code on sites with an active Site plan, or in a Core, Growth, Agency or Freelancer Workspace.

The short version of these steps lives in our Webflow install guide.

Step 4: Check it and go live

1. Open your live site in a new tab, ideally a private window so you see it like a visitor. The chat button shows in the bottom corner.
2. Check it on your phone, too. The chat box is built to look right on phones.
3. Ask it two or three real questions.
4. Back in your ChatBouncer dashboard, press Go live so your assistant starts answering visitors.

Don't see the button? Work through these in order:

• Is the address in your browser bar one of the addresses under Your website domains? That's the most common cause.
• Webflow: did you publish after saving the footer code? Saving alone isn't enough.
• Wix: is the code set to All pages and Body – end, and does your site have a connected domain?
• Did you paste the line once only? Two copies can load the chat box twice.

Still stuck? Email [email protected] and a real person will help.

What it does once it's live

• Answers 24/7 from your own info. Hours, prices, services and FAQs, at 2 a.m. too.
• Doesn't make things up. When it isn't sure, it says the owner will confirm, takes the customer's contact and emails you the question.
• Lets a person take over. Reply to a chat from your dashboard and the AI pauses while you handle it.
• Bounces the junk. Spam, abuse, off-topic requests and prompt tricks get turned away.
• Protects your bill. Message limits per visitor, per IP address and per business, and it only runs on the domains you allow. On a paid plan, extra messages are $15 per 1,500, capped at $300 a month.

Which plan fits?

Every plan starts with a 14-day free trial, and prices are in US dollars.

One site? Starter covers it. If you build Wix or Webflow sites for clients, Pro covers up to 3 sites and Business up to 10, and Business can hide the "Powered by ChatBouncer" branding (white label is Business only). See full pricing.