Secure Payments

Choose how you'd like to pay

This page demonstrates several Stripe integration types. Everything runs in test mode — no real charges are ever made.

Stripe Checkout

One-time purchase

Redirect to Stripe Checkout for a single item — the classic "buy now" flow using a price ID and mode: payment.

Stripe Billing

Subscription

The Maker's Club — a recurring monthly membership using mode: subscription. Handles trials, proration & invoices.

Custom amount

Gift card / tip

Let customers choose their own amount. Great for gift cards, donations, or pay-what-you-want checkouts.

Embedded component

Stripe Buy Button

A no-code, copy-paste web component. Configure it in the Stripe dashboard and drop the tag anywhere.

Configure STRIPE_BUY_BUTTON_ID to render the live button here.

Zero code

Stripe Payment Link

A hosted URL you can share anywhere — email, social, QR code. No integration needed at all.

Open Payment Link

Test card: 4242 4242 4242 4242 · Any future date · CVC Any 3 digits

Custom UI

Payment Element preview

The embedded Payment Element renders cards, wallets (Apple Pay / Google Pay) and local methods in one component. A live integration needs a server to create a PaymentIntent, so this is a visual mock of the layout.

Card
Pay
Klarna
1234 1234 1234 1234
MM / YY
CVC