Stripe Embeddable pricing table - show active subscription plan

Question

Is there any way to show active subscription plan on stripe's embeddable table, like passing customer, subscription or price id?

https://stripe.com/docs/payments/checkout/pricing-table

How on client side, where stripe pricing table is used, can be prevented for user/customer to select another (or same) plan and do any sort of action except updating current plan with upgrade or downgrade?

Unasked

Answer 1

The pricing table product is built for first time purchases and it allows you to easily drop an iframe on your webpage that shows the different price options that you offer to your new customers. Once you have a Customer that has already made a purchase, the pricing table product is not what should be used.

Instead, separately, you can let your existing customers manage their subscriptions with the Customer Portal here which has a full Stripe redirect page. You can pass the list of Price ids when creating the portal configuration so your customers are able to upgrade or downgrade to different prices.

Licensee

Answer 2

As the above answer mentioned, you can't change the appearance of the pricing table to show which subscription is currently active.

However you can pass it a client-reference-id to track which user is requesting a checkout. This can be useful to sync your system with Stripe's.

The web component supports setting the client-reference-id property. When the property is set, the pricing table passes it to the Checkout Session’s client_reference_id attribute to help you reconcile the Checkout Session with your internal system. This can be an authenticated user ID or a similar string. client-reference-id can be composed of alphanumeric characters, dashes, or underscores, and be any value up to 200 characters. Invalid values are silently dropped and your pricing table will continue to work as expected.

See this bit in the docs

Dungaree

Answer 3

Stripe's pricing tables are indeed limited in this regard—they don't support displaying the active subscription plan or preventing users from creating multiple subscriptions.

A possible solution is using Potio's Stripe pricing tables. By passing the customer to the web component, it will display their current subscription plan and allow for easy downgrades or upgrades to other plans.

<potio-pricing-table customer="cus_xxxx" action="payment" key="pricing-table-id"></potio-pricing-table>

Builder