Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
Locate: Manage > Layout > Booking Page
Prerequisites:
- Admin permissions to configure Booking Page options.
- The Booking Page feature is available to both those using items (Inventory > Items), a key feature of our classic version of Checkfront, and those using products (Inventory > Products), a key feature of our newest version of Checkfront.
 |
New to Checkfront - Products ✨ Products (Inventory > Products) is the successor feature to (Inventory > Items) and is available in our newest version of Checkfront. Not yet on our newest version and interested in upgrading? Please contact our Technical Support team for more information. Discover more product-related help articles here: Products (New). |
New to the Booking Page settings? Please read the first article in this series: Booking Page: Layout.
Overview
Back to top
Change the look of your Hero Page from the Hero Page Settings page found through the link below the Layout options.
Hero Image Display
Back to top
At the top of the booking portal is a Hero Image, which can be a static image or a YouTube video. This is the first thing your Customers see when they arrive at your booking page.
- Jumbotron
Back to top
To use a static image as your Hero Image, select the Jumbotron option for the Hero Image Display setting.
Click Choose File next to Hero Image in order to locate the image on your computer.
If you wish to change an image already in place, then click on the Delete Hero Image button.
 |
Image Resolution and DimensionsThe image should be at least 1920 x 450 resolution. Image sides appear cropped on smaller displays. To reduce cropping, use an image taller than 450px. |
- YouTube Background Video
Back to top
With this setting, you can select a YouTube video to be displayed as the Hero Image. This plays automatically, without sound, when a Customer arrives at the page.
Simply enter the URL of the video from YouTube and click Save.
 |
If you add a Youtube background video and the video fails to load, then the booking page defaults to show a sample image. To prevent this and have the image default to one of your choosing instead, upload a Jumbotron Hero Image first and then add the Youtube background video as in the steps above. |
Display When Embedded
Check this option to Display the image/video when embedded within pages if using integrations such as the Booking Widget or WordPress plugin.
 |
The Hero image/video will always be displayed on the |
Hero Text
Back to top
If you'd like to display a tagline over the image/video in the Hero header, then enter it in the Hero Text field provided.
An example, finished header is shown below:
< Booking Page: Layout | Booking Page: Category Display >