Filtering the public page

How to filter your public booking page or iframe using dates, locations, entries, tags or team members

Anni avatar
Written by Anni
Updated over a week ago

Filtering your public page or iframe helps you to show your customers specific events on your schedule. You can do this by creating filter buttons or embedding different iframes within your website.

This article covers:


How to find your public page URL

You can find your unfiltered public page URL at the top of your scheduling 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. E.g. "www.bookwhen.com/grow"

We have created a Google Sheet to help you construct filtered links and filter buttons.

Open the Google sheet here, select Make a copy and follow the instructions.
​

If you prefer to construct your filtered link manually, follow the below steps. πŸ‘‡


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, the first part of the URL will be your page URL:

The completed code with the date filter code added at the end:

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=mbe0knv18rog

For example, the first part of the URL will be your page URL:

The completed code with the location filter code added at the end:

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

πŸ’‘ To note: 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 the code in the search bar:

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

For example, the first part of the URL will be your page URL:

The completed code with the entry filter code added at the end:

https://bookwhen.com/grow?entry=j0tumqwx6w6q

πŸ‘‰ If you want to filter on multiple entries, we recommend using tags.


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 adding the following at the end of your public page URL:

?tags=adults or

?tags=children

For example, the public page code is:

The code with the adults' tag added:

The code with the children tag added:

πŸ’‘ To 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 

πŸ’‘ Please make the following edit(s) if you are using the '&' symbol in tags:

  • The '&' symbol should be entered as '%26': For example, the '&' symbol in 'Information & Support' needs to be entered as '%26' instead:

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

Other symbols and their alternative characters to use in your filter code:


Filtering with multiple tags

To filter with multiple tags, we recommend that you combine your tags together, making it easier to filter and categorise entries that meet multiple criteria.

For example, adults-and-children-classes, instead of using separate tags such as adults, children.

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

  • We recommend combining your tags, as you can currently only use 1 x tag per filter button on your page.


Team member filters

Filtering your page by specific Leaders is also a great way to filter your page. To do this, select Account then Team before selecting the pencil and paper icon πŸ“ next to the leader.

You can find the code in the search bar here:

Your filter URL, in this case, would be appended with ?leader=tz74gfnp5us9

For example:

https://bookwhen.com/grow?leader=tz74gfnp5us9

πŸ’‘ To note: The filtered URL will only show the assigned entries of this particular leader.


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:

✨ You can learn 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 Customise page in the top-right-hand corner of your public page:

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

<iframe src="https://bookwhen.com/grow/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 of the public page URL section. (E.g. https://bookwhen.com/grow/iframe)

For example, if you'd like to filter it by date:

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

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

As you can see, the date filter has been appended to the public page URL.


πŸ’¬ Any questions or feedback? There are two ways to get in touch:

Thank you! πŸ•Ί

Return to the top ⬆️


Tags: publicpage

Did this answer your question?