Filtering your public booking page or iframe helps show your bookers specific events on your schedule when creating filter buttons or embedding different iframes within your website.

This article covers:

Your unfiltered public booking page URL will look like this (using our example page Grow as an example):

https://bookwhen.com/grow

You can find this link at the top of your schedule page:



How to create filters

You can filter the public page by dates, locations, entries and tags. You do this by adding filters to your page's URL.

We have a Google Sheet that can help you construct both filtered links and filter buttons. Click here to open the Google sheet, select Make a copy and follow the instructions.

If you prefer to construct your filtered link manually, follow the steps outlined below.


Date Filters

To filter your page to only show events from a specific date onwards, add the following filter to the end of your public booking page URL:

?start=2022-01-01

You must ensure the date format is - YYYY-MM-DD.

For example:

https://bookwhen.com/grow?start=2022-01-01


Location Filters

To filter your entries by a specific location, you will need the unique location code, which you can find on that location's edit page. You can find your locations under Settings then Locations:

Then select the location you wish to filter by and the Edit button:

You can then copy the code from the URL in the search bar:

You can now create your filter URL. In this case, you need to append the URL with ?location=epojhv6suohe

For example:

https://bookwhen.com/grow?location=epojhv6suohe

Please note that the filtered URL will only show entries with this exact location.


Entry Filters

Entry Filters work in the same way as location filters. You can get the entry code from the URL by selecting the Entry, then Edit Entry:

You can find find the code in the search bar:

Your filter URL, in this case, would be appended with ?entry=s23synhh7wp8

For example:

https://bookwhen.com/example?entry=s23synhh7wp8


If you want to filter on multiple entries, we recommend using tags; see below.


Tag Filters

Tags are a great way to group separate entries. For example, you might want a tag for your adult and children's classes. 

Tag 1 = adults
Tag 2 = children

Once you've applied these tags to your relevant entries, you can easily filter by these by just adding:

  • ?tags=adults or

  • ?tags=children

For example:

https://bookwhen.com/example?tags=adults

https://bookwhen.com/example?tags=children


Please note:

  • Tags are case-sensitive, so make sure your URL reflects any capitals in the tag.

  • It's best to keep your tags as simple as possible and avoid using special characters.

  • If your tags have spaces such as "adult classes", you will need to replace the space in the tag in the URL with a '+' like this:

https://bookwhen.com/example?tags=adult+classes

Additional edit(s) might be required when using the ampersand symbol (such as '&') in tags.

For example, the '&' symbol needs to be entered as '%26' instead.

"tags=Information&Support" to "tags=Information%26Support"

Other symbols:

Filtering with multiple tags

To filter with multiple tags, we recommend tagging your entries where the condition applies with compound tags, for example, adults-and-children-classes.

https://bookwhen.com/example?tags=adults-and-children-classes

Using your filters

Now that you've created filter URLs, you can insert them to make navigating your booking page easier for your customers.

In your public page description, you can either link out to your filtered pages, create hyperlinks or use filter buttons like this:

Read how to create filter buttons here.


Filtering iframes

You can filter iframes in the same way as a public page URL. To find your iframe code, select Page Setup on your public page:

If, for example, you have copied the following iframe code from the public page settings:

<iframe src="https://bookwhen.com/example/iframe" frameborder="0" scrolling="yes" seamless="seamless" style="display:block;border:none;width:100%;height:900px;"></iframe>

You would modify the URL in the iframe code by adding the filter section to the end. For example, if you'd like to filter it by date, it would look like this: https://bookwhen.com/example/iframe?start=2020-01-01

This means the iframe code you end up using will look something like this:

<iframe src="https://bookwhen.com/example/iframe?start=2020-01-01" frameborder="0" scrolling="yes" seamless="seamless" style="display:block;border:none;width:100%;height:900px;"></iframe>

Return to the top


Tags: publicpage

Did this answer your question?