Skip to main content

Introduction to managing booking page layouts

The layout of your booking page shapes the first impression Customers have of your business. A well-chosen design improves clarity, highlights your offerings, and makes the booking process smooth and engaging. Choosing the right layout can even increase conversions by guiding guests to the right items more quickly.

Read this overview of our Booking Page layout, including the differences between the Detail and Hero layouts, step-by-step instructions on getting started, and next steps.

 

Accessing the features mentioned in this article


Where can I find this feature using the top menu?

  • Manage > Layout > Booking Page
     

What more do I need to use this feature?

  • Admin permissions to manage your account.
     

Which Checkfront version supports this feature - classic items, classic products, or both?

  • This feature is available in both our classic version using classic items (Inventory > Items) and our classic version using classic products (Inventory > Products).  → Learn more about products

 

Booking page layout overview

Back to top

Booking page tab in system layout settings highlighting booking page layout options with an arrow pointing to the section for choosing tabs or dropdown display.

The Booking Page layout can be customized to best suit your business needs. Any changes made here are automatically updated on your hosted booking page or embedded website booking portals.

Your Customer-facing booking portal can display in one of two ways: the Detail Page or the Hero Page.

 

1. Detail Page Layout

Back to top

Customer-facing booking page displaying available tours with images, descriptions, pricing, and booking options alongside a date and keyword search filter.

The Detail Page is the original, more traditional-looking booking portal that displays items/products in a list or grid view.

 

2. Hero Page Layout

Back to top

Customer-facing booking page set to hero layout style showing a large background image with title text and available tours displayed in a grid with images and booking options.

The Hero Page is a modern-looking booking portal with a big hero image at the top and a date select box front and centre. Visually, it's stunning and appeals to a wide range of Checkfront Customers.

 

Callout icon of a wrench and screwdriver, indicating configuration settings.

Hero Page Settings

See the article here to learn how to customize your Hero Page settings!

 

Getting started with the booking page layout

Back to top

  1. Go to Manage > Layout > Booking Page.
  2. Review default layout options (e.g., Hero + Detail, Grid, Category settings).
  3. Upload or verify your hero image/video (if your layout supports it).
  4. Configure search bar options (date range, keyword search) to let customers filter.
  5. Set inventory display options (show unavailable, sold out, number available) as desired.
  6. Translate or localize your layout (if your account supports multiple languages).
  7. Click the Save button to save your layout changes.
  8. Preview your booking page and test across devices (desktop, mobile) to confirm the layout behaves as expected.

 

Next Steps

Once you’re comfortable with the basics above, check out these deeper-dive articles:

Each article walks you step-by-step through that specific feature. 

The following article explains how to manage hero page settings for booking page layouts.

 

 

Managing hero page settings for booking page layouts >

 

 

Related to