How to filter products in the booking calendar

Posted on Updated on

Product filterIf your business rents out different types of products and you want to split it in different calendars, then using the Product Filter is the best way to achieve this.

Adding a product filter to the booking calendar will instruct the system to only show the calendar of the products you specify. It is possible to use the product filter with any product and on any page of your website. The product filter is ideal if you have different type of products and you don’t want to mix them ex: bike tours and boat tours. It can also be used if you created one page for each product in your webpage ex: page 1 for “Blue room”, page 2 for “Green room”, page 3 for “Red room”.


1. Find your ProductID

The productID is the reference number that WebReserv uses to identify each product. In order to add a filter to the calendar, you will need to access the productID for your products in the system. In order to find the productID, go to “setup” – “Products and reservation rules” and select a product. Once the product has been selected, you will find your productID in the address bar right after “ptid=”. Then, write your IDs somewhere with the name of the corresponding product so you don’t forget about it.


2. Get the Calendar HTML code

If you don’t have a WebReserv, create a free account here. If you already have a WebReserv account login and select Website from the top menu.

Select the version of the calendar, the calendar options and the appearance.

Calendar options

Click the preview button. You will now see the calendar HTML code in the field below. Copy this HTML code and paste it in a text editor (ex: Notepad or Wordpad).

Calendar HTML code

3. Add the product filter parameter

Now add the parameter &productfilter=PRODUCTID.  You will need to add the parameter in two places within the code. In order to show more than one product on a calendar, you can add multiple product ids separated by commas. See example below.

Product Filter

Note:  You cannot edit the code within the Website page, so you will need to copy the code and paste it into an editable document such as Notepad.

4. Show it on your website

Now add the full HTML code in your website editor and the calendar will only show the specified products.  In this example, it is specified to only show the bike tours:

Filter bike tours

Important! Adding a product filter will not allow a customer to use this calendar to book any of your other products within the same reservation.  If you do want to allow customers to book more than one product at a time, then using the product filter parameter is not recommended.  Alternatively, you should use the page & ptid parameter as described in this section: Opening the booking calendar showing a specific product.


See Spanish version here.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s