Design a subscriptions integration

Flat rate

In the following example, you offer three different service levels: basic, starter, and enterprise. For each service level, you specify a monthly and yearly price.

Per-seat

In the following example, you offer a per-seat plan for software licenses. For each user, you charge a specific amount for their license.

Tiered

Volume-based pricing: You multiply the quantity or usage by the unit cost of the tier.

Graduated pricing: You multiply the quantity or usage by the amount for each tier, and sum the totals for each tier.

In the following example, you offer lower rates for customers who use more projects per month, with tiers that you can adjust based on volume or graduated pricing.

Usage-based

Fixed fee and overage pricing: You charge a flat fee per month for your product or service. The flat fee has some included usage entitlement, and you charge any additional usage (overage) at the end of the period.

Pay as you go pricing: You charge for usage tracked over a specific period. You can use any of the following pricing: per unit, per package, volume-based, or graduated.

Credit burndown pricing: You collect prepayment for your usage-based product or service, and allow customers to apply billing credits as they use your product or service.

In the following example, you charge a flat rate per month for your service that includes a set number of tokens. You charge any usage above the included tokens at an additional rate per token.

Stripe-hosted page

Use a payment page that’s prebuilt and hosted by Stripe.

Benefits:

• Stripe handles payment method collection and validation.
• Stripe automatically starts the subscription process.

UI customization: 20 preset fonts, 3 preset border radiuses, custom background and border color, and custom logo

Embedded payment form

Embed a payment form that’s prebuilt and hosted by Stripe directly into your site.

Benefits:

• Stripe handles payment method collection and validation.
• Stripe automatically starts the subscription process.

UI customization: 20 preset fonts, 3 preset border radiuses, custom background and border color, and custom logo

Custom payment form

Build a custom payment form using UI components that you can integrate on your website.

Benefits:

• Combines Stripe Elements with the front end of your web app.
• Allows you to customize the Payment Element layout to fit your checkout flow.

UI customization: Customize the look and feel of the payment form with the Appearance API.

Pricing table

Embed a pricing table on your website to show pricing information for subscriptions.

Benefits:

• Displays a range of pricing options.
• Redirects to a Stripe-hosted payment page for the checkout flow.

UI customization: Customize the button layout, text, and appearance.

One-click payment button

Accept payments through one-click payment buttons for various payment methods.

Benefits:

• Allows you to add payment buttons without any front-end changes.
• Dynamically sorts payment buttons based on a customer’s location.
• Supports the following payment methods: Link, Apple Pay, Google Pay, PayPal, Klarna, and Amazon Pay.

UI customization: Customize the button layout, text, and appearance.

Payment link

Create a payment link that you can share directly with customers. When customers click the payment link, they’re redirected to a Stripe-hosted payment page.¹

Benefits:

• Allows you to accept payments using a payment link that you can share as many times as you want.

• Uses your customer’s preferred browser language.

• Supports more than 20 payment methods, including credit and debit cards, Apple Pay, and Google Pay.

• Allows you to customize the UI with 20 preset fonts, 3 preset border radiuses, custom background and border color, and custom logo

Mobile app

Use a payment form that’s prebuilt and hosted by Stripe in your mobile app.

Benefits:

• Allows you to use a prebuilt sheet or a customizable drop-in component on any screen in your app.
• Supports wallet payments, such as Apple Pay, Google Pay, and Link.

UI customization: Customize the look and feel of the payment form with the Appearance API.

Pay up front

Require that your customers pay before you provide access to your product or service.

A typical flow looks like this:

1. Your customer chooses their subscription plan.
2. You collect payment information.
3. You provision access to your product or service.
4. You continue to provision access to the customer throughout the subscription lifecycle.
5. After the initial charge, you continue to charge the customer the same fixed price for the same service at regular periods.

Free trial

Offer your customers a free trial period for your product or service before billing them.

A typical flow looks like this:

1. Your customer chooses their subscription plan.
2. You collect payment information, but don’t charge the customer.
3. You provision access to your product or service for a limited time.
4. When the trial ends, a new billing period starts.
5. Stripe generates an invoice with the price you defined for your service.

Freemium

Allow customers access to your product or service without requesting payment information.

A typical flow looks like this:

1. Your customer chooses their subscription plan.
2. You provision access to your product or service for a limited time.
3. Before the trial ends, you collect payment information.
4. When the trial ends, a new billing period starts.
5. Stripe generates an invoice with the price you defined for your service.