Baker-Checkout | Stripe Developers | Page 1

rugged crescent Mar 1, 2022, 7:03 AM

#

Hi there, is this question about Checkout or Customer Billing Portal?

slender kindle Mar 1, 2022, 7:30 AM

#

Kind of, I'm using a custom integration but I'm checking my work with the Checkout page. I'm just wondering what triggers a "plan" to be listed under the "available plans". I practiced using this example (https://github.com/vercel/nextjs-subscription-payments) which shows all of the different product options in the "Update Plan" section of the Checkout page listed under "Available plans". When I created my own products and prices, none of them show up.

The user & subscription that I'm checking the Checkout page from were created with Stripe Elements. The products and prices were created with Stripe CLI. I'm also using promo codes if that's relevant.

rugged crescent Mar 1, 2022, 7:34 AM

#

I think you are looking for upsell ? https://stripe.com/docs/payments/checkout/upsells

Subscription upsells

Enable customers to upgrade their subscription plan at checkout by using upsells.

slender kindle Mar 1, 2022, 7:35 AM

#

Well that's what I thought it was at first, but in the example they're using different products and still getting 3 different products, not just prices, to show up in the upgrade section.

rugged crescent Mar 1, 2022, 7:37 AM

#

OK, so you want to build your own upsell logic and support different products

slender kindle Mar 1, 2022, 7:38 AM

#

I'm more concerned that I'm doing something wrong in my code or product structure that's causing the difference in showing my plans available vs. the example I'm using

rugged crescent Mar 1, 2022, 7:39 AM

#

So here's my understanding on the example that you shared

You can have 4 products (Hobby, Freelancer, Startup, Enterprise)
You define two prices for each products (monthly and yearly)

slender kindle Mar 1, 2022, 7:41 AM

#

exactly, and on their page it shows all of them

rugged crescent Mar 1, 2022, 7:41 AM

#

Well, the page design is entirely up to you. Is your question about if there's an existing Stripe element to provide such UI layout?

slender kindle Mar 1, 2022, 7:42 AM

#

well the page looks the same mine is just missing the options

#

on the billing.stripe.com page

#

is that just a Checkout design option and unrelated to the actual products?

rugged crescent Mar 1, 2022, 7:44 AM

#

Hmm, billing.stripe.com page -> so your question is about customer billing portal then.

slender kindle Mar 1, 2022, 7:46 AM

#

I don't know the root cause of my question, I noticed it on the billing portal checking my implementation

rugged crescent Mar 1, 2022, 7:47 AM

#

yup, so you are using customer billing portal, you can use the configuration object o customize the list of plans that you want to offer to your customers, see https://stripe.com/docs/api/customer_portal/configuration#portal_configuration_object-features-subscription_update-products

Stripe API reference – The portal configuration object – curl

Complete reference documentation for the Stripe API. Includes code snippets and examples for our Python, Java, PHP, Node.js, Go, Ruby, and .NET libraries.

slender kindle Mar 1, 2022, 7:48 AM

#

oh interesting, that's awesome

rugged crescent Mar 1, 2022, 7:48 AM

#

https://stripe.com/docs/billing/subscriptions/integrating-customer-portal this is doc that's going to help you

Integrate the customer portal

Learn how to integrate the customer portal.

slender kindle Mar 1, 2022, 7:49 AM

#

Thank you, that's exactly what it is

rugged crescent Mar 1, 2022, 7:49 AM

#

Cool, happy to help 🙂

slender kindle Mar 1, 2022, 7:50 AM

#

because my products are different names it's not catching it, i need to update the line that opens the portal as well

#Baker-Checkout