Checkout Studio
Pick how your booking pages look — four catalog layouts and three product page styles.
Shipped July 14, 2026
✦ Key takeaways
- Four catalog layouts — grid, list, gallery, spotlight — change how your products are presented
- Three product page styles — visual, detailed, salesy — change how each experience reads
- You pick both per checkout flow; defaults stay grid and visual, so nothing changes unless you change it
Every operator has a different story to tell, and the booking experience should feel like part of it. Checkout Studio is where you shape that experience. The first release gives you two independent style controls on every checkout flow: how your catalog of products is laid out, and how each individual product page reads.
Both controls are opt-in. The defaults — a grid catalog and a visual product page — are exactly what you have today, so existing flows keep rendering byte-for-byte the same. You only see a change when you choose one.
Two style axes
Catalog layout (Checkout Style)
This controls how the page that lists every product in a flow is arranged.
- Grid — Balanced product cards in a responsive grid. The classic default.
- List — Compact rows with the thumbnail, details, price, and Select button side by side. Scannable, and it collapses cleanly on mobile.
- Gallery — Big, edge-to-edge photography with a hover zoom and a legibility scrim over the title and price. Best for photogenic experiences.
- Spotlight — One featured hero product up top under a “Featured experience” label, with the rest of your catalog as a supporting strip below. Great for leading with a signature offer.
Product page style (Product Page Style)
This controls how a single product’s detail and booking panel present.
- Visual — Large imagery with the booking panel alongside. The classic default.
- Detailed — Adds an “About this experience” card with the full description and spec chips (booking type, duration, guest capacity) pulled from the product. Best for rich or premium experiences that need to be read, not just seen.
- Salesy — Conversion-focused chrome: soft urgency framing, a call-to-book prompt using your location’s support phone, a promo-code nudge, and a trust row (secure checkout, instant confirmation, no account needed) near the button. Urgency copy is honest social proof — never a fabricated inventory count.
How to switch styles
- Open the checkout flow
In your Freebo dashboard, go to Settings → Checkout Flows and open the flow you want to restyle. Styles are set per flow, so you can run different looks for different audiences.
- Pick a catalog layout
Under Checkout Style, choose grid, list, gallery, or spotlight. Each option shows a short description of what it does.
- Pick a product page style
Under Product Page Style, choose visual, detailed, or salesy.
- Save
Save the flow. The public checkout picks up the new styles immediately — no redeploy, no code change.
Where Checkout Studio goes next
Style variants are the first step. Checkout Studio is the home for more expressive, flexible ways to shape the moment a customer decides to book — deeper control over your branding, the offers you surface, and the customer journey from first look to confirmation.
Your brand. Your customer journey. More room to make it yours.
Will changing a style disrupt my live checkout?
Can different products or flows use different styles?
Does the salesy style invent scarcity to pressure customers?
Shipped in Checkout styles: four catalog layouts, three product page styles · July 2026