Designing the buy box on a digital product page
The buy box is where a visitor decides. What it needs for a digital product: price, what you get, requirements, refund terms and one button, in the right order.
Everything on a product page leads to one box: the price and the button. For a digital product, that box also has to answer the doubts that stop a purchase: what exactly do I get, will it work for me, and what if it does not.
Top to bottom
- Price, large, in tabular figures, with currency. "One-time" or the period right beside it.
- What you get, in three to five lines. Files, updates, support.
- The requirement that matters most. For a skill: Claude Code with skills support.
- One button, in the only accent colour on the page.
- Fine print that removes doubt: instant download, the refund terms.
One button, one colour
The buy button is the only thing on the page filled with the accent colour. Everything else that is clickable uses outlines or text. See the one accent colour rule.
Say how delivery works
Digital buyers worry about the moment after paying. One line fixes it: "Download straight away with your licence key; the link is also emailed." If download links expire, say so and say how to get a fresh one; see expiring download links.
The refund line
A short, specific refund line beside the button does more than a long policy page. Ours says a 14-day refund, no questions asked. See a refund policy for digital products.
What to leave out
- Countdown timers and "only 3 left" on a file that cannot run out.
- Crossed-out prices that were never charged.
- Customer counts or ratings you do not have.
On a phone
The full box after the first screen of details, and a slim bar pinned to the bottom with the price and the button. Check it at 375px; see designing at 375px.
This site's buy box is a recipe in Warm Storefront UI: a tabular price, what the buyer receives, the refund line and one amber button, with nothing else on the page filled amber.
Questions
What should a buy box contain?
The price with currency and whether it is one-time, what the buyer receives, the key requirement, the refund terms and one button. For digital goods, also how delivery works.
Should the buy box be sticky?
On wide screens, a buy box that stays in view while the visitor reads the details works well. On phones, a compact bar at the bottom with the price and button is the usual equivalent.
Should I show how many people bought it?
Only if the number is real. Invented counts and fake scarcity damage trust when discovered, and on a new product there is nothing to show yet, which is fine.