Feature Category

Payments and Subscriptions

Take payment safely and unlock the right next step

These features cover trusted pricing, hosted checkout, verified payment events, billing changes and access states that survive refreshes and retries.

Follow the checkout pattern through to webhook fulfilment before adding subscriptions, deposits or invoices.

This category includes a guided lab with a safe demo, Build Map, guided tutorial and teaching-safe code.

4 feature patternsBuild Maps availableGuided lab included

Pattern library guide

Payments and Subscriptions as reusable patterns

Safe payment, recurring billing, and access-fulfilment patterns.

These patterns show why payment UI is only the beginning; durable access comes from verified server events.

Best starting lab

Stripe webhook access fulfilment is the complete guided lab in this category, with the safe demo, Build Map, tutorial and code walkthrough already published.

1

guided labs

3

planned patterns

3

advanced examples

Pattern types in this category

  • Subscription checkout and billing portal
  • Payment link with operational status polling
  • Verified payment to durable learning access

Some examples in this category are framed as pattern context or case studies because they involve payments, identity, personal data, release access or other careful operations.

Guided labs in this category

Follow a complete worked pattern

These labs include a safe demo, Build Map, Premium guided tutorial and Premium code walkthrough. The other patterns in this category stay useful as public learning pages and planning references.

Guided lab

Stripe webhook access fulfilment

Grant access from verified payment events without duplicating fulfilment.

Payment patterns

Browse the current patterns in this category

Safe payment, recurring billing, and access-fulfilment patterns.

Guided labPayments and SubscriptionsAdvancedPremium

Stripe webhook access fulfilment

Grant access from verified payment events without duplicating fulfilment.

PaymentsAuth
Try the safe demo. Unlock the Build Map with a free account. Premium includes the guided tutorial and code walkthrough.
Payments and SubscriptionsAdvanced

Deposit and final balance payment flow

Split a larger booking payment into a deposit and a later balance.

PaymentsEmail
Payments and SubscriptionsIntermediate

Stripe checkout button

Start a trusted hosted checkout from a server-approved product.

PaymentsExternal service
Payments and SubscriptionsIntermediate

Subscription billing portal

Let customers manage an existing subscription through a trusted portal.

PaymentsAuth

Keep exploring

Want to compare guided labs across the wider library?

Use the main Feature Library index to compare guided labs with other outcomes, difficulty levels, and capabilities.