Builder resource

The Drop Shop

A Webflow landing page, a Klaviyo flow, and a Plandalf checkout for limited drops.

Run a time-boxed drop with a real countdown, a bundle upsell, and segmented re-engagement.

Webflow handles the look. Plandalf runs the countdown, the offer, and the bundle upsell. Stripe collects. Klaviyo segments the buyers from the "abandoned" list so the next drop hits hotter.

Built for: Apparel brands, merch operators, drop-style ecom

This page is the builder map: patterns, responsibilities, recipes, and product decisions for adding Plandalf to this commerce stack.
The Numi promo overview showing active deadline campaigns and campaign state.
Deadline campaigns keep launch windows, flash sales, expiring coupons, and promo status visible before checkout.
The Numi promo email GIF settings screen showing an email countdown preview.
Email timer GIFs let the same deadline campaign appear in email while checkout still respects the promo state.

Architecture

Treat Plandalf Offers as the commerce layer between the sales page, the buying moment, and the payment processor. Your stack owns the audience and fulfilment experience. Plandalf owns offer configuration, checkout state, pricing rules, buyer identity, invoices, and the events that drive follow-up.

StageSystemHandoff
EmailKlaviyoPlandalf receives the visit on the offer surface and keeps the source context attached to the checkout.
SiteWebflowPlandalf opens from that page with the selected offer context.
CheckoutPlandalfPlandalf validates the offer, applies pricing logic, and emits checkout events.
PaymentStripePlandalf sends the payment request to Stripe, then records the completed purchase event.
AutomationZapierPlandalf Automation sends the event payload to Zapier.
EmailKlaviyoPlandalf Automation sends the event and customer fields to Klaviyo.

How This Stack Makes The Sale Work

The Drop Shop is useful when each tool has a clear job: the audience surface creates intent, Plandalf turns that intent into a configured offer, Stripe collects payment, and the follow-up tools receive the purchase context they need.

Choose The Pattern

Start by deciding which business moment you are building. The stack changes depending on whether checkout starts from a sales page, a launch campaign, an offer page, a checkout template, or an existing product catalog.

Build The Offer Layer

The offer is the commercial object your product points at. It should describe what the buyer can purchase, how checkout appears, which price rules apply, what invoice gets recorded, and what automation happens after purchase.

The Numi offer editor with layout, product, theme, automation, invoice, and settings controls.
The offer editor is where the checkout surface, products, automation, invoices, and display mode come together.

Wire The Buying Moment

The stack should decide when the buyer is ready. Plandalf should decide what the checkout means. Keep the page, campaign, or offer focused on the buying moment, then let the offer carry the checkout mode, product, price, invoice, and automation context.

On the offer pageUse for hosted checkout pages, launch pages, pricing pages, and checkout templates.
Inside the campaignUse for coupons, deadline funnels, order bumps, upsells, save offers, and lifecycle sequences.
After purchaseUse when fulfilment, invoices, receipts, CRM updates, tax context, or email follow-up need the same purchase event.
The Numi promo overview showing active deadline campaigns and campaign state.
Deadline campaigns keep launch windows, flash sales, expiring coupons, and promo status visible before checkout.

Plan The Data Contract

The useful part of a commerce stack is not the button. It is the agreement between the offer, Plandalf, the payment processor, and follow-up tools about which object owns each piece of commerce state.

ObjectPrimary ownerHow Plandalf uses it
CustomerYour appReceives identity and buyer fields so checkout and follow-up stay attached to the right person.
OfferPlandalfPackages products, prices, checkout mode, invoices, coupons, bumps, upsells, and confirmation state.
Product and priceSharedUse stable keys so app entitlements, invoices, and automation events point at the same commercial object.
PaymentStripePlandalf keeps checkout and invoice context while the processor handles the charge.
Purchase eventPlandalfStarts fulfilment, CRM updates, lifecycle sequences, receipts, and internal notifications.

Product Surfaces This Stack Depends On

These screenshots come from the product surfaces behind The Drop Shop. They show the Plandalf records and controls a builder should configure before sending buyers from Webflow into checkout.

The Numi promo overview showing active deadline campaigns and campaign state.
Deadline campaigns keep launch windows, flash sales, expiring coupons, and promo status visible before checkout.
The Numi promo email GIF settings screen showing an email countdown preview.
Email timer GIFs let the same deadline campaign appear in email while checkout still respects the promo state.
The Numi selling blocks panel showing order bump controls.
Order bumps are configured as selling blocks rather than one-off front-end code.
The Numi selling blocks panel showing upsell controls.
Upsells can be planned as part of the offer instead of bolted on after checkout.
The Numi coupon discount settings panel.
Coupons keep discount behavior inspectable for sellers and reusable across checkout flows.
The Numi coupon expiration settings panel.
Coupon expiry keeps the promotion state inspectable instead of living only in campaign copy.
The Numi offer editor with layout, product, theme, automation, invoice, and settings controls.
The offer editor is where the checkout surface, products, automation, invoices, and display mode come together.
The Numi sales flow builder showing checkout pages and flow structure.
Sales flows keep the buying path visible before traffic moves from the campaign into checkout.
The Numi offer editor automation tab showing sequence controls beside the checkout canvas.
Automation is configured beside the offer, so purchase-triggered workflows stay attached to the buying surface.
The Numi offer settings payment controls showing checkout payment configuration.
Payment options belong beside the offer, so the seller can review checkout methods before launch.

Build Recipes

Use these like product-specific implementation notes: choose the selling moment, configure the Plandalf surface, then link into the exact features, integrations, sequences, and docs needed to ship it.

The Numi promo overview showing active deadline campaigns and campaign state.
Deadline campaigns keep launch windows, flash sales, expiring coupons, and promo status visible before checkout.

Publish a product-backed checkout from the sales surface

Outcome: Traffic starts where the buyer already is, while Plandalf owns the offer, checkout state, payment context, invoices, and follow-up event.

  1. Choose the page, post, template, or campaign that should create demand.
  2. Point its buying action at a Plandalf offer with products, prices, checkout templates, and payment options already configured.
  3. Preview the checkout surface before traffic reaches it.
  4. Verify the purchase event creates the expected invoice and fulfilment path.
The Numi selling blocks panel showing order bump controls.
Order bumps are configured as selling blocks rather than one-off front-end code.

Add conversion controls after the base checkout works

Outcome: Coupons, order bumps, upsells, and save offers stay attached to the offer instead of becoming scattered campaign code.

  1. Start with the base product and price so checkout is correct without extra controls.
  2. Add only the coupon, bump, upsell, or deadline control that fits the selling moment.
  3. Test the invoice and purchase event after each conversion control is added.
  4. Send the buyer into the correct automation or sequence after checkout completes.
The Numi offer invoices records view showing customer invoice rows and payment status.
Invoice records preserve the buyer, line item, payment state, and support context after purchase.

Preserve the operational record

Outcome: Support, finance, fulfilment, and lifecycle tools can answer what happened after the buyer paid.

  1. Confirm the invoice settings, customer fields, and product line items before launch.
  2. Use purchase events or sequences for fulfilment instead of relying on the success screen.
  3. Route receipt, support, tax, and lifecycle work to the right downstream tools.
  4. Keep the adjacent stack links handy when the build needs tax, invoices, or webhook depth.

Compare The Pattern

A commerce stack is different from a processor-only checkout, a marketplace storefront, or a standalone funnel tool. Use these linked comparisons when a builder is deciding whether Plandalf Offers should sit between the sales surface, payment processor, and follow-up tools.

Linked Implementation Map

Use this map when The Drop Shop turns from an idea into implementation work. Every linked feature, integration, docs page, workflow, comparison, template, and tool is a next step a builder or agent can follow from this stack.

Operational Recipes

These are the practical recipes a builder usually needs after the checkout opens. They stay product-level: Offers, Automations, integrations, invoices, sequences, and payment events explain the workflow before any tool-specific setup.

Builder Checklist

Before shipping the integration, verify these decisions. If one is unclear, the checkout may open, but the business workflow after purchase will still be brittle.

01Offer selectedEvery buying moment points to a clear offer, not an improvised payment link.
02Identity mappedYour product can reconcile the buyer, customer, workspace, account, or entitlement after purchase.
03Event path chosenFulfilment starts from a purchase event or sequence, not from a front-end success screen alone.
04Records preservedInvoices, line items, payment state, and customer fields are available for support and reporting.

Next Steps

Automation sequences

Deadline expired save offerWhen a timer or promotion expires, route the buyer into a coupon, save-offer, or follow-up path without changing the live checkout manually.Checkout started to abandonment recoveryRecover a checkout that opened but did not complete by sending the buyer and offer context to the email or automation tool.

Templates

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

Use cases

Writers & creatorsDrop a buy button inside the post. Sell the upgrade in the same scroll.Career coaches & advisorsSell sessions, packages, and cohort programs on a checkout that matches your coaching practice.Growth & checkout teamsWhen the checkout is the product. A surface designed to convert, not configure.Event organizersTicket tiers, early-bird timers, group rates — without renting a ticketing platform that owns your audience.Studios, coaches, trainersSell memberships, class packs, and drops without renting another membership app every month.

Features and docs

Offers productCheckout pages, embedded offers, products, prices, coupons, bumps, upsells, and invoices.Automations productPurchase-triggered workflows for CRM, email, fulfilment, records, and handoff.SequencesEvents that fire after checkout, payment, subscription, and lifecycle changes.Payment integrationsStripe, PayPal, payment options, invoices, and payment event routing.Offers docsHow Offers packages products, prices, checkout layouts, and conversion elements.Hosted checkout docsHosted and embedded checkout setup, test sessions, and preview sessions.Stripe docsHow Stripe connects and what events Plandalf listens for.Webhook docsCheckout, payment, and subscription events for custom automations.Deadline campaignsUrgencyPromosConversionPromo typesConversionPromo stylingConversion

Feature detail