Customizing the Booking Calendar

  • Booking Calendar Parameters

    Below is a summary of all the Booking Calendar parameters that are available for calendar customization.  You can use any of the attributes listed below to add to the standard booking calendar code.   Attribute Description Example agent Instructs to use store the agent code specifi...
  • How do I find the Product ID for my products?

    In order to customize the booking calendar to only show specific products or open to a specific product, you'll need access the the Product ID to add to the booking calendar HTML code.  The product ID is unique to the product.   To find the product ID, navigate to Setup - Products & Reservati...
  • Opening the booking calendar showing a specific room/rental/tour

    If you would like to have a calendar for each of your rental options on your website, then you can do this by customizing the calendar widget's parameters.  You'll need to modify the HTML code for the booking calendar to include two parameters, page and ptid. &page: The page parameter instru...
  • How do I add a Product Filter to the Booking Calendar?

    If your business rents out different types of products such as boats and cabins and you want to separate the calendars on your website, then using the Product Filter is the best way to achieve this.  It is also useful if you want a separate booking page for each of your rentals.  Adding a product...
  • Opening the booking calendar in the Availability Grid

    If you prefer to show the booking calendar with the availability and rates grid as the first view, you can easily do so. You will need to modify the booking calendar code to include the parameters avgrid and page. You will need to add the parameter in two places within the code.  See the example ...
  • How to define your own colors and styles using your own stylesheet (Advanced)

    If none of the built-in themes matches your website you can define the styles in your own stylesheet.  See steps below. Important! Creating your own theme requires working knowledge of HTML and CSS. Step 1 - Download existing CSS files Download the following CSS files from WebReserv:  Main CSS fi...