Opening the booking calendar showing a specific room/rental/tour

    Follow

    If you would like to have a calendar for each of your rental options on your website, then you can do this with 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 instructs the booking calendar to show the calendar as the first view (addtocart page) instead of the product listing page.

    &ptid: The ptid parameter instructs the booking calendar which product to show. 

    You'll need to access the Product ID of the rental first in order to add it to the ptid parameter.  See article here on how to access the product ID: How to find the Product ID.

    You will need to add the parameters in two places within the code.

    See example here with added parameters in BOLD:

    <iframe id="bookingcalendar" src="https://secure.webreserv.com/services/bookingcalendar.do?businessid=boatrentalsbydonnaga&embedded=y&page=addtocart&ptid=216849&search=0&avgrid=y&css=" style="width: 100%; max-width: 800px; height: 1200px; border: 0; padding: 0; margin: 0;" frameborder="0"><a href="https://secure.webreserv.com/services/bookingcalendar.do?businessid=boatrentalsbydonnaga&embedded=y&page=addtocart&ptid=216849&search=0&avgrid=y&css=">Make Reservation</a></iframe>

     With this embedded code, the first view of the calendar will look like this:

     

    Using the Product Filter to show only one product

    When using the page and ptid code in the booking calendar, it will open showing a specific product, but it also allows a customer to see other products on your list by clicking View Products.  This will take the customer back to your complete listing of products (rooms/rentals/tours).  If you do not want customers to see other product listing on the calendar, then using the Product Filter feature will achieve this.

    You would need to add the pageptid & productfilter parameters to the booking calendar. You will need to add the parameters in two places within the code. 

     An example of this code:

    <iframe id="bookingcalendar" src="https://secure.webreserv.com/services/bookingcalendar.do?businessid=boatrentalsbydonnaga&embedded=y&page=addtocart&ptid=216849&productfilter=216849&search=0&avgrid=y&css=" style="width: 100%; max-width: 800px; height: 1200px; border: 0; padding: 0; margin: 0;" frameborder="0"><a href="https://secure.webreserv.com/services/bookingcalendar.do?businessid=boatrentalsbydonnaga&embedded=y&page=addtocart&ptid=216849&productfilter=216849&search=0&avgrid=y&css=">Make Reservation</a></iframe>

    Using this code to embed onto your website.  The calendar will look the same as the above view, but if a customer clicked on "View Products" at the top, it would take them back to the product listing for only that product that you identified in the product filter code.

     
     
    Was this article helpful?
    0 out of 0 found this helpful

    Comments

    Get Additional Help

    Visit our Helpdesk for additional help and support.