Botu Integrations

The recommended way to interact with the Protocol API is by using one of our official SDKs. Today, Protocol offers fine-tuned JavaScript, Ruby, PHP, Python, and Go libraries to make your life easier and give you the best experience when consuming the API.

Official Integrations

Bubble

A popular general-purpose scripting language that is especially suited to web development.

Messenger

A dynamic, open source programming language with a focus on simplicity and productivity.

Integrate Botu with Bubble

Easily embed the Botu AI Chat Widget into your Bubble application in just a few steps.

✅ Step 1: Configure Your Botu Chatbot

Log in to your Botu account. Don’t have one? Sign up for free.
Create or select a chatbot in your Botu dashboard.
Upload knowledge sources to train your bot. This can include:

PDFs or documents
Website URLs
Q&A pairs
Text snippets

This endpoint allows you to delete Items from your contact list in botu. Note: This will also delete your conversation with the given contact.

Sample Script

!function(){
if(window.Botu)return;
const q=[],f=function(){q.push(arguments);};
f.q=q;window.Botu=f;
const s=document.createElement('script');
s.src='https://chat.botu.bot/embed.min.js';
s.async=true;
document.body.appendChild(s);}();

window.Botu('boot', {project_id: "", customer: {}});

🌐 Step 3: Embed in Your Bubble Application

Log in to your Bubble account and go to your Dashboard.
Click Launch Editor next to the app where you want to add the chatbot.
In the editor, drag an HTML element to the desired location on the page.
Double-click the HTML element, then paste the embed code inside the code editor.
The Botu chat icon should appear on the bottom-left corner of your app preview.

🎨 Customize the Chatbot (Optional)

To adjust styling (colors, icon position, etc.):

Go to your Botu Dashboard.
Select the bot > click Settings > choose Chat Interface.
Update appearance settings as needed.

🥳 That’s it!

Your Botu chatbot is now live and running on your Bubble application.

Let me know if you want this version formatted for use in a CMS, markdown file, or exportable doc format.

Integrate Botu with Messenger

Integrating Messenger with Chatbase allows your custom chatbot to communicate directly with customers via your Facebook pages. It also allows you to takeover the conversation whenever you want and communicate with users yourself through messenger. This provides a seamless and efficient way to handle inquiries and automate responses, while giving you the freedom to talk to your customers whenever you want. This guide will walk you through the necessary steps to connect your chatbot to Messenger for your facebook pages, ensuring smooth and effective customer interactions.

Connecting to messenger

First navigate to your dashboard, and pick a project

Navigate to connect > Integrations.

Click on Connect if it is the first time you use the integration or manage, if you already connected pages before.

If this is the first time you will be asked for permission to allow chatbase to use your information. Note: if you integrated some pages and would like to modify your selection pick the Edit Previous Settings option.

Choose which pages you would like to integrate the chatbot with by selecting the Opt into current pages only option, if you want to integrate all pages on your account select the Opt all current pages option.

Botu

docs