# Configure Stripe

### **Configuring Static Information for Subscription Plans**

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

<figure><img src="https://518164421-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1Q1qC2wVXGuHGdhKlFm%2Fuploads%2FTQlF92LjzVjHfdr8kkqS%2FPlan.png?alt=media&#x26;token=04b95d86-5c8f-4a4a-a85d-53a974b3008b" alt=""><figcaption></figcaption></figure>

### Set Up Your Stripe Account

{% hint style="warning" %}
<mark style="color:orange;">From the update on</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**February 17, 2024**</mark><mark style="color:orange;">, there has been a change in how plan IDs are referenced. Therefore, starting from the</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**1:00 minute**</mark> <mark style="color:orange;"></mark><mark style="color:orange;">mark in the video, it is no longer necessary in the new version.</mark> [<mark style="color:orange;">**Please refer to the new way of referencing IDs \[Click here\]**</mark>](#identifier-mapping)<mark style="color:orange;">.</mark>
{% endhint %}

**VIDEO:** [https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702160757969x275742177368775580/ProductCatalog.mp4](https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702160757969x275742177368775580/ProductCatalog.mp4)

{% embed url="https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702160757969x275742177368775580/ProductCatalog.mp4" %}

On the [<mark style="color:purple;">**customer portal configuration**</mark>](https://dashboard.stripe.com/settings/billing/portal) page, click **Activate link** in the **Ways to get started** section.

{% embed url="https://stripe.com/docs/no-code/customer-portal" %}

{% hint style="warning" %}
<mark style="color:orange;">In order for the subscription plan identifiers to be listed in the Stripe plugin workflow, it is necessary to add the</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**Stripe API keys**</mark> <mark style="color:orange;"></mark><mark style="color:orange;">and initialize the Stripe calls.</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**In the next steps, you will see how to set this up.**</mark>
{% endhint %}

### Configuring Stripe Payments

**VIDEO:** [https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702158982226x401260072665744900/Stripe\_call.mp4](https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702158982226x401260072665744900/Stripe_call.mp4)

{% embed url="https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1702158982226x401260072665744900/Stripe_call.mp4?_gl=1*3nc0pg*_gcl_au*NzE1MDgzMjQ1LjE3MDIxNDgzNDA.*_ga*MjA3MzU5NTEwNS4xNzAyMTQ4MzQw*_ga_BFPVR2DEE2*MTcwMjE0ODMzOS4xLjEuMTcwMjE1ODk4Ni4xOC4wLjA." %}

{% hint style="warning" %}
<mark style="color:orange;">Please make sure to add the API keys for the</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**LIVE**</mark> <mark style="color:orange;"></mark><mark style="color:orange;">version of the</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**Stripe plugin**</mark><mark style="color:orange;">, as well as for the</mark> <mark style="color:orange;"></mark><mark style="color:orange;">**'Stripe Customer Portal'**</mark> <mark style="color:orange;"></mark><mark style="color:orange;">API Connector call.</mark>
{% endhint %}

<figure><img src="https://518164421-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1Q1qC2wVXGuHGdhKlFm%2Fuploads%2FSBaTJedQGA93gnLM5MlT%2Fkey-live-stripe.png?alt=media&#x26;token=1823dbad-3f11-47d8-a137-f201987b3ca2" alt=""><figcaption></figcaption></figure>

<figure><img src="https://518164421-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1Q1qC2wVXGuHGdhKlFm%2Fuploads%2FlgE0qn2dUeA4IbggMjsA%2Fstripe-portal-key-live.png?alt=media&#x26;token=163b5d9a-92ad-46d5-8299-40a7e75c2122" alt=""><figcaption></figcaption></figure>

### **Identifier Mapping**

Referencing the IDs of Each Created Subscription Plan

{% tabs %}
{% tab title="Example 1 (New Version 17 Feb 2024)" %}
**VIDEO:** [https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1708017749420x585084914900909700/price-id.mp4](https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1708017749420x585084914900909700/price-id.mp4)

{% embed url="https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1708017749420x585084914900909700/price-id.mp4?_gl=1*1snmj1u*_gcl_au*MTU4MTEyOTY4Ny4xNzA4MDA1NTUy*_ga*MTI2MjA4OTg1NS4xNzA4MDA1NTUy*_ga_BFPVR2DEE2*MTcwODAwNTU1Mi4xLjEuMTcwODAxNzc1Ny42MC4wLjA." %}
{% endtab %}

{% tab title="Example 2 (Old Version)" %}
{% embed url="https://forum.bubble.io/t/stripe-live-api-not-pulling-products/199871" %}
Bug Stripe Plugin
{% endembed %}

**VIDEO:** [https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1694443024453x500961358003305200/view-pricing.mp4](https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1694443024453x500961358003305200/view-pricing.mp4)

{% embed url="https://4c4a01da8bad2dda6df45b57c1f3581d.cdn.bubble.io/f1694443024453x500961358003305200/view-pricing.mp4?_gl=1*dkj2kd*_gcl_au*NDE3MDU5MzgzLjE2OTQ0MzI2NjU.*_ga*MzAzNjQwMTEzLjE2OTQ0MzI2NjU.*_ga_BFPVR2DEE2*MTY5NDQzMjY2NS4xLjEuMTY5NDQ0MzAxNi4xLjAuMA.." %}
{% endtab %}
{% endtabs %}

### 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.

<figure><img src="https://518164421-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1Q1qC2wVXGuHGdhKlFm%2Fuploads%2FDBxlnaYPYuUKrBLhjA35%2Ferror-version-stripe.png?alt=media&#x26;token=24c51f33-80e8-4127-97bb-acbf5850971d" alt="" width="563"><figcaption></figcaption></figure>

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

<figure><img src="https://518164421-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FT1Q1qC2wVXGuHGdhKlFm%2Fuploads%2FQeF0SnJesir14uv87MR7%2Fupgrade-stripe-api.png?alt=media&#x26;token=09db16f0-62ed-49fd-a290-5f4df83cb378" alt=""><figcaption></figcaption></figure>

### References

{% embed url="https://stripe.com/docs/testing#testing-interactively" %}

{% embed url="https://stripe.com/docs/connect/testing" %}

{% embed url="https://dashboard.stripe.com/test/settings/billing/portal" %}
