Checkout

Stripe Checkout is a prebuilt, hosted payment page optimized for conversion. Whether you offer one-time purchases or subscriptions, you can use Checkout to easily and securely accept payments online.

The easiest way to use Checkout to accept a single payment is to create a checkout session in the server and then use the Stripe Service to redirect in the client.

To see more details on a full example, please check the official Stripe Docs.

In a very similar way as the previous example, you can use Checkout to create a subscription with different pricing options.

As you can see in the server tab, the priceId comes in the body and we use it to create the session. This allows the user to choose the price. In the example below we use different buttons, but it would be easy to just change the priceId base on any other condition, like a select field for example.

Also, notice the mode attribute in the server.js tab. It was payment in the previous example but it is subscription in this one.

Again, please visit the Stripe Docs site for more details.

There is a lot of elements that you can customize about your Checkout integration:

• Branding
• Policies and contact information
• Customizing the submit button

Please check the docs for more information

You can use details from a Checkout Session to display an order confirmation page for your customer after the payment. To use the details from a Checkout Session:

1. Modify the success_url to pass the Checkout Session ID to the client side
2. Look up the Checkout Session using the ID on your success page
3. Use the Checkout Session to customize what's displayed on your success page

Here is a minimal example build the html with express (definitely better ways to do it)