Getting Started

Always check the status of the Bubble!

https://status.bubble.io/

Always check the status of the Stability!

https://stabilityai.instatus.com/

1. ID Attribute

2. Adding data to the 'Global Config' table

3. Disabling demo mode

4. Configure Stable Diffusion

5. Configure Stripe

   1. Configuring Static Information for Subscription Plans

   2. Set Up Your Stripe Account

   3. Configuring Stripe Payments

   4. Identifier Mapping

   5. Stripe API Version Error, how to resolve?

   6. References

6. Deploying to Live

ID Attribute

Activate the option: "Expose the option to add an ID attribute to HTML elements"

Adding data to the 'Global Config' table

It will only be necessary if there is no data in the 'Global Config' table.

The 'Global Config' table should contain only one record. If it is empty, add a record. This table is used in the 'General' section of your app at the Admin level. If it is empty, it will not be possible to update the information in this section, such as API Key and Privacy Policy.

Disabling demo mode

Go to App > Data > Option Sets > Styles & Config

Change the value of the 'Demo mode' attribute to 'no'.

Configure Stable Diffusion

If you haven't added credits to your Stable Diffusion account yet, API requests will temporarily fail for your application until the credits are purchased. https://platform.stability.ai/account/credits

Go to App > Plugins > API Connector > Stable Diffusion V1 SDXL & SD1.6

1. Generate API Key: https://platform.stability.ai/account/keys

2. Content-Type: application/json

3. Authorization: Bearer [API Key Here]

4. Reinitialize call button

Configure Stripe

Configuring Static Information for Subscription Plans

To configure the price and word count for each Plan, access Option sets.

Set Up Your Stripe Account

From the update on February 17, 2024, there has been a change in how plan IDs are referenced. Therefore, starting from the 1:00 minute mark in the video, it is no longer necessary in the new version. Please refer to the new way of referencing IDs [Click here].

VIDEO: https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702160757969x275742177368775580/ProductCatalog.mp4

On the customer portal configuration page, click Activate link in the Ways to get started section.

Set up the customer portalstripe.com

In order for the subscription plan identifiers to be listed in the Stripe plugin workflow, it is necessary to add the Stripe API keys and initialize the Stripe calls. In the next steps, you will see how to set this up.

Configuring Stripe Payments

VIDEO: https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702158982226x401260072665744900/Stripe_call.mp4

Please make sure to add the API keys for the LIVE version of the Stripe plugin, as well as for the 'Stripe Customer Portal' API Connector call.

Identifier Mapping

Referencing the IDs of Each Created Subscription Plan

Example 1 (New Version 17 Feb 2024)

VIDEO: https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1708017749420x585084914900909700/price-id.mp4

Stripe API Version Error, how to resolve?

If you encounter the error below while using the V3 version of Stripe checkout, here's how to fix it.

Access the live version of your Stripe account, navigate to the 'Developer' section and locate the option 'Upgrade available'.

References

Test card numbersstripe.com

Testing Stripe Connectstripe.com

https://dashboard.stripe.com/test/settings/billing/portaldashboard.stripe.com

Deploying to Live

Copy Database