Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
Locate: Manage > Layout > Booking Page
Prerequisites:
- Admin permissions to configure Booking Page options.
- The Booking Page is available to those using items (Inventory > Items), a feature of our classic version of Checkfront.
- Interested in using the Booking Page with products (Inventory > Products)? Your account must be a member of our Early Access Program.
 |
Early Access Program To learn more about becoming part of our Early Access Program check out our related blog post or contact our Technical Support team. Find our complete set of help articles related to the Early Access Program here: Early Access Program. |
New to the Booking Page Layout? 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 >