Bubble

Step 1: Copy the Embed Code from GuideLite

1. Login to Your GuideLite Account:

   • Navigate to the GuideLite website and login with your credentials.

2. Access Your Assistant:

   • From the dashboard, find Your Assistants section.
   • Select the specific assistant that you want to integrate into your Bubble website.

3. Get the Embed Code:

   • On the assistant's preview page, click on the Chatbot tab
   • Enable the Public Access button.
   • In the pop-up window, click Copy Script button to copy the embed code.

Step 2: Embed the AI Assistant into Your Bubble Website

1. Login to Bubble:

   • Go to the Bubble website and sign in to your account.

2. Open the Bubble editor:

   • From your dashboard, select the Bubble app/website you wish to embed the AI assistant.
   
   
   
   • Click on the Launch editor button inside the bubble app . Upon clicking Bubble app editor will be opened.

3. Insert the Embed Code:

   • In the left sidebar of the editor, find the HTML code tab and locate the HTML component and drag it to the section of the page.
   
   
   • Double click on the HTML component to open the HTML code editor.
   • Paste the copied GuideLite assistant's embed code into the HTML code editor and you should see the floating assistant on your editing canvas.
   
   

Step 3: Verify the Integration

• If the above steps are followed accurately, you should now preview your Bubble app to check your GuideLite AI assistant by clicking on the Preview button.

Congratulations! Your GuideLite AI assistant is now integrated and ready to assist visitors on your Bubble website.