Booking Calendar Classic
While most businesses choose our Version 2.0 booking calendar, our booking calendar classic version is still available and can be easily added to any website. In addition, the booking calendar classic offers businesses to use the Product Filter feature. See information below.
Access Booking Calendar Classic
To access the classic version of the booking calendar, go to the Website tab in the top menu, and click on the Booking Calendar link.
Here you can specify how the booking calendar will look on your website. Your options are divided into 3 main parts:
▪ | Style |
▪ | Options |
▪ | Appearance |
Style
Specifies how you want the booking calendar to appear on your website. You have three options:
▪ | Embedded |
▪ | Link |
▪ | Button |
The Embedded style option is the most popular method. When the user views the calendar, they will stay on your website, and will see the booking calendar inside your website.
Embedded Booking Calendar
With the Link method, you'll get a link that you can add to your existing website. When a user clicks the link on your website, the user will be forwarded to the booking calendar where the availability can be viewed and reservation(s) can be made.
Booking Calendar link
The Button option works in the same way as the Link method, except that the user will see a booking button instead of a booking link.
Booking Calendar button
When the customer click the button, they are forwarded to a page similar to this. This view is slightly different than the embedded view - will have a header with your business name, address, contact information and a link back to the website. The embedded calendar does not show the business information as this information usually is shown on the website that contains the booking calendar.
Options
The Booking Calendar Classic gives you two viewing options: search dates and listing, see more information below about each option.
Include Search Dates: If this option (and include listing) is set to yes, the customer will be able to search for a specific date range to view availability and rates across all your products.
Booking calendar search bar
Note: Include search dates has no effect if include listing is set to "no". |
Include Listing: If this option is set to yes, the customer will see a list of all products/units. If it is set to no, the booking calendar will not show a list of products, but will instead show a detailed reservation calendar.
Booking calendar without product listing
Preview
After selecting the style and view options of your booking calendar, click the preview button and a preview will be shown on the right side of the screen. If necessary, you can change the options and click preview again to see how different settings affect the booking calendar.
Booking Calendar preview
Appearance
In many cases you'll want to have a booking calendar that uses the same colors as your website. To customize the colors, select no to Use standard colors.
You can customize three types of colors in the booking calendar: the text color, the background color and the border color. To change a color, simply click the corresponding color field and pick the color from the color selector. If you know the RGB code (hex) you can also enter this directly in the color field.
Booking Calendar color selector
After changing the colors, simply click the preview button again to refresh the preview on the right side.
Customizing booking calendar colors
Adding the booking calendar code to your website
When you are done customizing the booking calendar, copy the HTML code from the section 4 - Copy HTML code, and paste the HTML code into your website editor at the place where you want the link, button or calendar.
For more information. . .
Overview of the Booking Calendar
Advanced booking calendar classic features