Effortlessly integrate advanced AI capabilities into your Bubble app with the Gumloop AI plugin. This powerful solution enables you to harness state-of-the-art language processing for tasks like text analysis, content generation, and data-driven insights—all without leaving the Bubble ecosystem. Ideal for chat features, intelligent forms, or automated workflows, this plugin offers robust configuration options to customize the AI’s behavior, ensuring a seamless and brand-aligned experience.
With the Gumloop AI plugin, you can easily define AI inputs, tailor responses, and capture analysis data right within your app, giving you precise control over every interaction. This versatile plugin is perfect for businesses looking to infuse their applications with sophisticated, automated intelligence that boosts engagement and drives more meaningful user interactions.
Prerequisites:
Gumloop AI Account
Gumloop AI API KEY
Gumloop AI Workbook
❗
You must have a Gumloop AI account with a starter or above plan to interact with the API.
After creating your account that has the starter or an above plan you need to create an api key in order to use the API’s.
Go to your profile dashboard and there click on the Credentials menu.
Inside the Credentials Menu click the “Add Credential” button
After clicking the button this menu will open, then click on the Premium Credentials and on the generate key 👇
How to create a Gumloop Workbook:
❗
When creating an account, a default workbook named “New Workbook” is created.
To create a new workbook go to the Hub tab page and click on the “New Flow” button
How to setup
Install GumloopAIplugin
Use API calls in the workflow for various flows from your gumloop workbook
How to use GumloopAI Workbook and Plugin Data/Action Calls
👇
In this example we will create an email sender and connect it to bubble.
❗
There is an AI assistant inside the workbook that will answer and guide and help create the app as wanted.
Step 1: Create the Schema inside the Gumloop Workbook
Open you workbook and go to the node library menu and search for:
Input element and drag 3 elements on the page
Notifications element and drag one element on the page
Output element and drag one element on the page
Place a variable name inside the Input Name for each input that we will later use in the webhook for dynamic data. Then, Connect the 3 inputs to the Notifications elements as below 👇
After that connect the Notifications element to the Output element 👇
After doing all this, save the modifications by clicking the Save button near the Run button, or for Windows Ctrl+S, Mac Comand+S
Step 2: Create the Bubble page
On you Bubble editor page place:
2 Input elements
One Multiline Input element
One button to trigger the workflow
👇 You should have something like this
Step 3: Connect GumloopAI and Bubble Page
Inside the workflow, for the button add the Start Flow Run api call and start configuring it.
To find the user_id and saved_item_id, go back to your workbook page and click the Webhooks button near the Save Button:
After clicking it, the following menu containing all the information needed will appear:
For the pipeline_inputs, copy the array,
[{"input_name":"email_subject","value":""},{"input_name":"recipient_email","value":""},{"input_name":"email_data","value":""}]
and between the “” for the value, place the value of your bubble inputs.
After finishing the connection and sending the email from bubble, to the inidcated gmail address an email will be sent with the specifiend Subject and Body Message
Plugin Data/Action Calls
List saved flows
This data call is used to retrieve all the saved flows inside the gumloop workbooks
Param Name
Description
Type
user_id
The user ID to for which to list items
Text, Required
List workbooks and their saved flows
This data call is used to retrieve all the saved workbooks & their flows for an account
Param Name
Description
Type
user_id
The user ID for which to list workbooks
Text, Required
Plugin Data Calls
Start Flow Run
This call is used to trigger a flow run inside the gumloop workbook
Param Name
Description
Type
user_id
The id for the user initiating the flow
Text, Required
saved_item_id
The id for the saved flow
Text, Required
pipeline_inputs
An array with a list of object inputs for the flow, each containing key-value pairs representing the Input nodes and values that should go into them. Example: [ {"input1": "", "value": ""}, {"input2": "", "value": ""}]
Text, Required
Retrieve run details
This endpoint can be used to poll for completion and retrieve final flow outputs. Output nodes must be used to retrieve outputs.
Param Name
Description
Type
user_id
The id for the user initiating the flow
Text, Required
run_id
ID of the flow run to retrieve
Text, Required
Retrieve input schema
This call is used to retrieve the schema of the gumloop workbook
Param Name
Description
Type
user_id
User ID that created the flow
Text, Required
saved_item_id
The ID of the saved item for which to retrieve input schemas
Text, Required
Upload file
This call is used to upload a file inside the gumloop workbook items
Param Name
Description
Type
user_id
The user ID associated with the file
Text, Required
file_name
The name of the file to be uploaded.
Text, Required
file_content
Include the file in the request body as base64-encoded string
Text, Required
Download file
This call is used to download a file from the gumloop workbook items
