01 — The shape
Three layouts
Pick one per offer from the Template column on its row in the Offers table. The change saves the moment you choose it — there is no Save button.
| Template | What it is | When |
|---|---|---|
| Standard | Two columns: the form on the left, the story and price on the right. | The all-rounder. Start here. |
| Compact | One narrow column at every width. | A buyer who already decided. Low-price, quick purchases. |
| Hero | A full-width banner image above both columns. | When you have a real image worth leading with. |
Below 900px there are no columns at all: the story comes first and the form second. On a phone your guarantee is read before your email field, which is worth knowing when you write it.
02 — The parts
The blocks, and where they land
Eleven things are yours to set. Each has a fixed home, so the only decision is what to say.
| Block | Where it renders |
|---|---|
| Banner image | Top of the story column — or above both columns on Hero. |
| Headline | Story column, replacing the product name. |
| Subheadline | Under the headline. |
| Bullets | Ticked list under the subheadline. |
| Testimonials | Story column, below the order summary — beside the form on desktop, above it on a phone. |
| Guarantee | Foot of the story column. Not beside the pay button. |
| Deadline | Form column, above the card fields. |
| Button text and accent | The pay button. The accent tints that button and nothing else. |
| Legal note | Under the pay button, before payment — and repeated on the receipt. |
| Layout | Which of the three templates above. |
The order summary, the tax line and the bump box are not yours to place: the server computes them and puts them where they go. See the block map for the whole page drawn at once.
03 — Doing it
Putting it on your site
Three ways, and the first is usually right.
- Hosted. Send the buyer to the checkout link. No script, works everywhere — including inside an email, where the other two cannot go.
- Lightbox. A button on your page opens the checkout over it. Keeps them on your site.
- Inline. The checkout renders inside your own page.
04 — Before a buyer does
Seeing it first
Every offer ships a test URL alongside its real one. It renders exactly what a buyer sees, with a yellow bar across the top that says so — no card, no charge — and you can click all the way through to the thank-you page.
Use it to check the words, the layout and the delivery before anything is live. The pre-payment legal notice renders in test mode too, so you can confirm that as well.
04b — Language
What language your checkout speaks
Your checkout can run entirely in German. Set it once in Settings → Defaults → Checkout language and the whole buying flow follows: field labels, the pay button, trial sentences with properly localized dates, coupon and card-decline messages, discount countdowns, the thank-you page, and the buyer's receipts.
Three rules worth knowing:
- You choose, not the buyer. There is deliberately no language switcher on the page — your checkout is your storefront, and the merchant setting decides. English is the default.
- Your own words are never translated. A custom button label or offer copy you wrote yourself renders exactly as you wrote it, in any language. Clear a custom label to get the translated default.
- It applies to checkouts, not your dashboard. The dashboard stays in English; the setting is about what buyers see.
German is the first language because merchants asked for it — the machinery underneath is general, so tell us which language you need next.
05 — Diagnosis
If something looks wrong
I picked Hero and nothing changed. No banner image — see above. Hero without one is Standard.
My testimonials are not under the form. They are not meant to be: they live in the story column, beside the form on desktop and above it on a phone.
The accent colour barely changed anything. It tints the pay button. The guarantee box, the bump and the deadline pill have fixed colours.
The code box is missing. No coupon currently applies to that offer — see when the code field appears.
06 — Next
Where to go next
Bumps and upsells, carts and bundles, or the full block map.