Optimize your Booking Page for mobile users. These mobile settings help ensure that Customers using phones or small devices have a clean, usable interface without layout issues, such as crowded calendars or unwanted pop-ups.
Discover the available mobile options, including redirecting mobile devices, hiding the calendar on smaller screens, and finding answers to frequently asked questions.
New to the Booking Page? Read the first article in this series for an introduction to the Booking Page.
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 configure Booking Page options.
Which Checkfront version supports this feature - classic items, classic products, or both?
- This feature is available in both our classic items version, using classic items (Inventory > Items), and our classic products version, using classic products (Inventory > Products). → Learn more about products
Managing mobile options
The following options are available under the Mobile setting.
Redirecting mobile devices to the mobile booking page
Do you have the booking page embedded in your website (e.g., via the Booking Widget), but your website is not optimized for mobile screens?
If so, select the Redirect mobile devices to the mobile booking page setting.
Customers on mobile devices are then directed to the mobile versions of the Customer Booking page when booking to prevent any display issues.
|
Turning off secure mobile message Look at this in more detail here: |
Hiding the availability calendar on small screens
With the Hide the availability calendar on small screens setting, you can remove the calendar view in mobile layouts to reduce clutter and improve usability on narrow displays.
How to turn on these options
- Navigate to Manage > Layout > Booking Page.
- Scroll to the Mobile Settings or Mobile Options section.
- Select the checkbox for Redirect mobile devices to mobile booking page (if desired).
- Select the checkbox for Hide availability calendar on small screens (if desired).
- Click the Save button to apply your changes.
- Use a smartphone (or mobile emulator) to preview your booking page and confirm:
- Mobile users are redirected appropriately
- The calendar is hidden (or appears) as expected
Frequently Asked Questions
-
How do I turn off the 'Go to our secure mobile booking page.' pop-up message on the Customer booking page?
This message tells Customers they are redirected away from your website to your Checkfront hosted booking page.
You can prevent this behaviour by unchecking the Redirect mobile devices to mobile booking page option described above.
Next Steps
The following article explains how to manage inventory display settings for booking page layouts.
< Managing Staff calendar options for booking page layouts | Managing inventory display settings for booking page layouts >