AI Chat Front Desk

Add the chat to Bubble

Your chatbot is one line of code. Copy yours from Install in your dashboard; it looks like this:

<script src="https://aichatfrontdesk.com/w.js" data-bot="YOUR-CHATBOT-ID" defer></script>

Bubble

  1. In the Bubble editor, open the Settings tab and choose SEO / metatags.
  2. Find the body script box (the one for scripts placed in the page body, not the header box) and paste the line.
  3. The box applies to every page of your app, so you only need to do this once.
  4. Deploy your app to the live version, then open your live site to see the chat button.

Bubble labels these boxes differently in some editor versions. If you only see a header box, paste the line there; it still works.

These steps are written from each platform's own help pages. Menu names change, and the guides have not been tested on a live site on every platform. If a step does not match what you see, use "Email it to my web person" in your dashboard.

Check it works

Open your website in a private window. The chat button sits in the bottom corner. Your dashboard's Today page shows "Installed" once the first visitor loads it.

Start free and get my line of code