Back to No-Code Website Builders

Integrate AI chatbots with Bubble.io

Building complex customized web apps 10x faster!

Overview

Rapid Dev is a Boston-based no-code and low-code software development agency that specializes in creating custom web applications rapidly.

Unique Features:

  • Utilizes Bubble.io for no-code development, enabling users to build applications without traditional coding.
  • Offers an intuitive interface with extensive customization options, ensuring mobile responsiveness.
  • Supports integration of custom HTML, enhancing flexibility in application design.
  • Focuses on delivering personalized services for medium to large-sized companies, helping them develop Minimum Viable Products (MVPs) and scalable applications.

Add Custom HTML Documentation

Adding Custom HTML to Your Website

  1. Understand the Integration: Familiarize yourself with how Bubble.io works as a no-code platform and how it can be integrated into your website.

  2. Create a Bubble.io Application: Log into your Bubble.io account and create a new application. Add the desired functionalities using the drag-and-drop interface.

  3. Embed Code in Weebly:

    • Open your Weebly site editor.
    • Drag the "Embed Code" box onto the page where you want to add your Bubble.io application.
    • Click on 'Click to set custom HTML' and paste your iframe code, which should look like: 
      <iframe width="100%" height="500" src="https://your-bubble-app-url" frameborder="0" allowfullscreen></iframe>
    • Replace https://your-bubble-app-url with your actual Bubble.io application URL.

  4. Using the Print Elements Plugin: If you want to print custom HTML from your Bubble app:

    • Enable ID attributes for HTML elements in your app settings.
    • Use the Print Elements action in your workflows to print specific elements or custom HTML directly.

  5. Publish Your Site: After embedding the HTML, ensure to publish your Weebly site to make the changes live.

Integration Guide

For more information on how to add custom HTML to your Bubble.io website, please refer to the Custom HTML Documentation.

How to integrate OpenAssistantGPT with Bubble.io

  1. Create your OpenAssistantGPT chatbot

    Sign in to your OpenAssistantGPT dashboard and create a new chatbot or select an existing one.

  2. Configure your chatbot settings

    Customize your chatbot's appearance, behavior, and knowledge base to match your website's needs.

  3. Get your embed code

    In your OpenAssistantGPT dashboard, go to the "Deployment" section and copy your unique embed code.

  4. Add the embed code to your Bubble.io website

    Log in to your Bubble.io account, open your website editor, and add an HTML or Custom Code element to your site. Paste the OpenAssistantGPT embed code into this element.

  5. Publish your website

    Save your changes and publish your website to make the chatbot live.

Advanced Configuration

For more advanced integrations with Bubble.io, you can customize the following:

  • Chatbot position and appearance on your website
  • Trigger conditions (e.g., time on page, scroll depth)
  • Custom welcome messages based on the page content
  • Integration with your existing forms and contact systems

Builder Details

No-code Solution

✅ No coding required

Custom HTML Support

✅ Supports custom HTML