Booking & Checkout

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

  1. 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.

  2. Pick a catalog layout

    Under Checkout Style, choose grid, list, gallery, or spotlight. Each option shows a short description of what it does.

  3. Pick a product page style

    Under Product Page Style, choose visual, detailed, or salesy.

  4. 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?
No. Defaults stay grid and visual — the layout you already have — and every flow keeps rendering exactly as before until you pick a new style. Any unknown or legacy value falls back to grid and visual, so a live checkout can never blank out.
Can different products or flows use different styles?
Yes. Styles are set per checkout flow, so you can run a spotlight catalog for one audience and a straightforward grid for another. The catalog layout and product page style are chosen independently.
Does the salesy style invent scarcity to pressure customers?
No. Its urgency copy is soft social proof — it never shows a fabricated inventory count or fake timer. The call-to-book number comes from your own location support phone, and the trust row states facts about the checkout.