Design your checkout

Customize offer pages, blocks, themes, mobile behavior, and brand details without changing your site embed code.

Offer design lives in Plandalf. Your public page usually only needs the offer slug and SDK options.

What you can design

  • page structure and block order
  • heading, text, image, and HTML blocks
  • product summaries and payment blocks
  • option selectors, add-ons, and upsells
  • brand colors, type, spacing, borders, and radius
  • mobile layout and page progression
  • close behavior and confirmation copy

Embed stays stable

Changing design inside the offer does not require replacing your site button:

<button data-plandalf-present="pro-plan">
  Buy Pro
</button>

The next time the SDK opens pro-plan, it uses the current published offer state.

Use real test sessions

Preview layout in the editor, then run a test session to verify the complete customer path:

  • required fields
  • payment methods
  • totals, taxes, and discounts
  • add-ons and upsells
  • mobile frame behavior
  • redirects and automations

Builder context

Build the offer beside the docs.

These pages explain the setup details. The matching product surfaces show where products, prices, checkout layout, invoices, and automation live in the app.

The Numi offer editor with product, theme, automation, invoice, and checkout controls.
The offer editor connects checkout layout, products, prices, invoice settings, and automation.
The Numi checkout element palette showing content, interactive, and selling blocks.
Checkout templates expose reusable blocks for product lists, add-ons, forms, buttons, and offer content.
The Numi offer editor automation tab showing sequence controls beside the checkout canvas.
Automation is configured beside the offer so post-purchase work stays attached to the sale.

Feature detail