AI Agent Tools: OpenAI & Claude

This article will explore how to set up the initial configurations of the AI Agent Tools: OpenAI & Claude template.

It is recommended to regularly check the status of Bubble, OpenAI, and Anthropic (Claude) to ensure the proper functioning of all template resources, as well as to add credits to OpenAI and Anthropic accounts.

Bubble Status: https://status.bubble.io/ OpenAI Status: https://status.openai.com/ Anthropic Status: https://status.anthropic.com/

OpenAI Billing: https://platform.openai.com/settings/organization/billing/overview Anthropic Billing: https://console.anthropic.com/settings/billing

Test Users Admin email: [e-mail]

pass: 12345678 User email: [e-mail]

pass: 12345678

1. Installing the Template & Disabling the Demo Version

To disable demo mode, go to Data > Option Sets > Styles & Config and set the Demo Mode attribute to "no".

2. Setting up OpenAI API

Generate API Key: https://platform.openai.com/settings/organization/api-keys

Authorization: Bearer [API KEY HERE]

Content-Type: application/json

3. Setting up Claude API

Generate API Key: https://console.anthropic.com/settings/keys

x-api-key: [API KEY HERE]

anthropic-version: 2023-06-01

content-type: application/json

4. Setting up Stripe

Content-Type: application/x-www-form-urlencoded

Testing Stripe Connect: https://docs.stripe.com/connect/testing

Customer Portal: https://dashboard.stripe.com/test/settings/billing/portal

Developers: https://dashboard.stripe.com/test/developers

5. Deploy to Live

6. Copying the database

Copy Development data into the Live database.

Copying the database | Bubble Docsmanual.bubble.io

7. Styles (Optional)

Choose a color palette for your app if you want to customize it

Color variables | Bubble Docsmanual.bubble.io

Configure the colors for each chart type

Set up contact information, social media, the login page banner, disable the template's trial version, and make other adjustments.

8. PWA (Optional)

PWA