Let your clients talk to you instantly — 24×7callUS: +1 740-554-9229•India: +91 22-6308-2035•+91 74003 83656
Jaano AI logo
Integration > Bubble

Integration documentation

Bubble

Integrating your Jaano.ai chatbot with Bubble allows you to easily add conversational AI to your Bubble applications. By embedding a simple script, you can enable real-time interactions, automate responses, and provide 24/7 support directly within your web app — no coding required.

Follow this step-by-step guide to integrate your Jaano.ai chatbot into Bubble.

Step 1: Set Up Your Jaano.ai Chatbot

  1. Sign in to your Jaano.ai dashboard.
  2. Create a new bot or select an existing one.
  3. Train your bot using supported input types such as text snippets, URLs or PDFs.
  4. After training, navigate to the 'Deploy' → 'Embed' tab in the bot's settings.
Step 1Step 2

Step 2: Copy Your Jaano.ai Embed Script

  1. In the Embed section of your bot, choose either 'Embed a chat bubble' or 'Embed directly using iframe'.
  2. Click 'Copy Script' to copy your bot’s embed code.
  3. This script will add a floating chatbot bubble or iframe to your site.
Step 1Step 2

Step 3: Embed Jaano.ai Chatbot into Your Bubble App

  1. Login to your Bubble dashboard.
  2. Select the app you want to embed the chatbot in and click 'Edit' or 'Launch Editor'.
  3. In the Bubble Editor, go to 'Visual Elements' and drag the HTML element to your desired section.
  4. Double-click the HTML element to open the code editor.
  5. Paste the copied Jaano.ai embed script.
  6. Click 'Preview' to test the chatbot.

🎉 Success

  1. You should now see the Jaano.ai chatbot active on your Bubble app, typically floating in the bottom corner.

🛠️ Optional: Customize Bot Appearance

  1. Go to 'Jaano.ai Dashboard → Select Bot → Settings → Chat Interface'.
  2. Change the color theme, position, and other appearance options.