Template · checkout

Webflow + Stripe Checkout

A ready-to-clone Plandalf checkout template designed for Webflow sites paying via Stripe.

Builder path

Use the template as the page, not the whole commerce system.

Webflow handles the page and Plandalf handles the offer, checkout, Stripe payment handoff, invoice, and fulfillment sequence.

Create the offer record

Start in Plandalf Offers, then configure the product, price, checkout mode, invoice, and fulfillment behavior before touching Webflow.

Offers Products Prices Offer products docs

Connect the Webflow buying moment

Use Webflow for the sales page and Plandalf for the buying surface. Link to hosted checkout or embed a buy button from the page section that creates intent.

Webflow integration Hosted checkout Buy button Buy button docs

Keep payment and fulfillment connected

Stripe handles the charge. Plandalf keeps payment options, invoices, and purchase automations tied to the same checkout event.

Stripe integration Payment options Invoices Fulfillment sequence

Product surfaces

The Plandalf screens behind the template.

These are real app screenshots showing where the template connects to checkout, payment, invoices, products, API docs, webhooks, and automation.

The Numi offer editor with product, theme, automation, invoice, and checkout controls. — Build the offer before you paste a link into Webflow: products, prices, checkout mode, automation, and invoices live here.

The Numi offer editor showing hosted checkout mode controls. — Hosted checkout lets a Webflow page hand buyers to a branded Plandalf buying surface.

The Numi editor top bar showing preview and share controls for a buying surface. — Use buy buttons when the checkout action should stay close to the Webflow section that sells the product.

The Numi integrations settings page showing Stripe, PayPal, TaxJar, and Avalara connection options. — Stripe stays the processor while Plandalf keeps the offer, invoice, checkout, and post-purchase context together.

The Numi offer editor automation tab showing sequence controls beside the checkout canvas. — Attach the fulfillment sequence to the offer so the buyer gets the next step after payment.

The Numi products panel showing products attached to an offer. — Products and prices should be configured in the offer before the Webflow page sends traffic.

The Numi offer invoices page showing invoice status, customer, amount, and line item information. — Invoices keep buyer, product, payment, and fulfillment records visible after checkout.

The Numi API docs page showing endpoint documentation and developer navigation. — API docs, SDK events, and webhooks give builders a path when the template needs custom fulfillment.

Reference links

Everything this template should point to.

Use these pages when moving from a Webflow checkout template into Offers, Stripe, automation, docs, and comparison work.

Integration

Webflow

website

Integration

Stripe

The complete payments platform for the internet.

Workflow

Sell a Webflow product with Stripe Checkout

The full implementation recipe for this template.

Comparison

Plandalf vs Stripe Checkout

Use this when deciding whether processor-only checkout is enough.

Stack

Checkout Optimization Lab

Improve checkout templates, coupons, order bumps, and upsells after launch.

Stack

API-first stack

Move from checkout template to SDK checkout, API keys, webhooks, and custom app fulfillment.

Docs

Hosted checkout docs

Set up hosted checkout, preview sessions, and test sessions.

Docs

Offer pricing docs

Map product prices before the Webflow page sends traffic.

Docs

Offer products docs

Define the products that the Webflow template sells before checkout goes live.

Docs

Webhook docs

Route checkout events and purchase events to custom fulfillment, CRM, support, or internal tools.

Feature

Purchase automations

Route work after checkout without a manual handoff.

Stack

The Affiliate Tax Launch

Connect affiliate sales, payment options, live tax calculation, and post-purchase reconciliation.

Stack

The API-First Product

Split transactional email from lifecycle email so each tool does what it's good at.

Stack

The Checkout Optimization Lab

Test checkout layouts, sessions, mobile flow, and recovery without turning the sales page into a custom app.

Stack

The Coach

Take deposits and recurring retainers without re-platforming your existing site.

Workflows using this template

Workflow · beginner

Sell a Webflow product with Stripe Checkout

Wire a Plandalf hosted checkout into a Webflow site, accept Stripe payments, and fulfill on completion.