WebReserv User Guide

Booking Calendar Classic

Booking Calendar Classic

Previous topic Next topic  

Booking Calendar Classic

Previous topic Next topic  

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.

 

Website tab

 

 

 

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

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

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

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.

 

button-link booking calendar view

 

 

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

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

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

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

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

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.

 

booking-calendar-embedded-on-website-sm

 

 


For more information. . .

 

Overview of the Booking Calendar

 

Advanced booking calendar classic features