Interactive elements
Example: hotel
From the first click to the enquiry.
Dates and guests go straight to your booking engine or enquiry form. A stay lasts at least two nights, and each child gets an age field.
Where the search lands
The enquiry form is already filled in.
The button leads to a regular Contao form. Fields with “Take value from link” switched on take over what the guest chose – the field names match the parameters of the bar.
Example: restaurant
A table in two clicks.
Date, time and party size in one line. Times come in steps of 30 minutes.
Where the search lands
Date, time and persons are taken over.
Without a booking system, the request ends up in a form on your own website. With one, the bar opens its search directly with the chosen values.
Layouts
Bar, card or compact – on any background.
Layout, background and button are options of the element.
Card
Compact
Accent background
Gradient background
Fixed at the bottom
Always within reach.
The bar stays at the bottom of the window and steps aside while another bar is in view. On phones it turns into a button that opens the search.
Good to know
Ready for real bookings.
What the bar takes care of for you.
Any booking engine
Parameter names are free. For systems that expect the values in the path or after a hash, there is a URL template.
Open calendar
Every future day can be chosen, only the minimum stay is fixed. What is free stays with your booking engine or your reply.
Accessible
The calendar follows the accessible date picker pattern: arrow keys, page keys, announcements and visible focus.
Every language
Month and day names follow the page language. All texts of the bar can be changed in the element.