MARKETPLACE
PLUGINS
CHATGPT | OPENAI INTEGRATION
ChatGPT | OpenAI Integration logo

ChatGPT | OpenAI Integration

Published March 2023
   •    Updated December 2025

Plugin details

Introducing the ChatGPT Integration plugin for Bubble.io – a seamless way to add state-of-the-art chatbot capabilities to your Bubble.io apps. With the ChatGPT Integration plugin, you can quickly integrate conversations powered by ChatGPT, one of the most advanced natural language processing engines available. Simply add the plugin to your app, and start creating custom chat experiences that can understand and respond to complex user input, from help desk support to e-commerce inquiries. With Bubble.io and ChatGPT integration, you can take your app to the next level by adding cutting-edge AI capabilities that your users will love.
DEMO: https://plugins.erised.io/version-test/chatgpt

EDITOR: https://bubble.io/page?type=page&name=chatgpt&id=erisedioplugins&tab=tabs-2

$50

One time  •  Or  $10/mo

stars   •   0 ratings
16 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Erised logo
Erised
Joined 2021   •   5 Plugins
View contributor profile

Instructions

1. Get an API key from OpenAI. Link: https://platform.openai.com/account/api-keys
2. Add an input form and set up a workflow.

3. For the first step of the workflow add "Create a new thing" with a field which will format user's input as JSON.

4. To format user input as JSON add the following text into you input field:

***

{
   "role": "user",
   "content": "<USER'S INPUT HERE>"
}

***

Screenshot of step 4: https://dropovercl.s3.amazonaws.com/ac3e2462-d105-4d32-a855-b5326d4abdc9/0de9cffa-c24f-4c90-8d58-8c7dbd1ae259/67c85114-5187-4340-941d-a81d04e4ca2f.png

**PLEASE NOTE: MAKE SURE TO ADD TWO "FIND & REPLACE" AT THE END OF YOUR EXPRESSION THAT WILL REPLACE QUOTATION MARKS & ESCAPING SLASHES**

Screenshots of how to use "Find & Replace":
- https://dropovercl.s3.amazonaws.com/be56904e-1855-4414-8388-3eee79968088/742b646f-dc20-4ddc-89b1-ce677bc85086/90f2b78d-5f3f-4f0a-851c-9d57db068fe4.png
- https://dropovercl.s3.amazonaws.com/f0834b25-8dcb-4eea-a6a7-171cf4255b3d/645b2570-cb29-4315-a6b6-c3464062009c/383f9cc4-6b2c-4286-96d3-c34a04d5a782.png

5. Replace <USER'S INPUT HERE> with dynamic data from the input from Step 1. DO NOT REMOVE QUOTATION MARKS.

6. Add "ChatGPT - Prompt ChatGPT" step into your workflow. For the "data" field, add the following expression:

***

Search for Chats (or another table where you store user's input as JSON) -> each item's JSON (or a name of the field where you store JSON)

***

Screenshot of step 6: https://dropovercl.s3.amazonaws.com/af418ca9-fdce-4fe4-92d6-3be424e3c046/e649e743-d22c-49de-ba19-f2f67ecee0fe/eab603ef-10b8-4f09-bed1-5ac9abab5e09.png

7. Add another "Create a new thing" step and in the field where you store user's JSON add dynamic data from the previous step with the following expression:

***

Result of  ChatGPT - Prompt ChatGPT -> choices -> last item -> message content

***

Screenshot of Step 7: https://dropovercl.s3.amazonaws.com/970e707f-77e6-4161-85e3-8fefb02ffda2/c1a9d79a-85d8-4dc5-ac60-c346510dbd94/3d285775-5095-4e46-82d7-6560b55d117e.png

**PLEASE NOTE: MAKE SURE TO ADD TWO "FIND & REPLACE" AT THE END OF YOUR EXPRESSION THAT WILL REPLACE QUOTATION MARKS & ESCAPING SLASHES**

Screenshots of how to use "Find & Replace":
- https://dropovercl.s3.amazonaws.com/be56904e-1855-4414-8388-3eee79968088/742b646f-dc20-4ddc-89b1-ce677bc85086/90f2b78d-5f3f-4f0a-851c-9d57db068fe4.png
- https://dropovercl.s3.amazonaws.com/f0834b25-8dcb-4eea-a6a7-171cf4255b3d/645b2570-cb29-4315-a6b6-c3464062009c/383f9cc4-6b2c-4286-96d3-c34a04d5a782.png

8. To simply store text response use the following expression:

***

Result of  ChatGPT - Prompt ChatGPT -> choices -> first item -> message content -> trimmed

***

Screenshot of step 8: https://dropovercl.s3.amazonaws.com/1a6e57fa-0fc6-46ef-88dc-cad3830328a3/42d93ef8-ac46-46cd-9d41-53e0a60b7936/195da2b3-e279-4e0d-b2f0-b0eca0ac764e.png

Types

This plugin can be found under the following types:
Api   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble