Skip to main content
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 2 weeks ago

Filtering your public page or iframe allows you to display specific events on your schedule. You can achieve this by creating filter buttons or embedding different iframes on your website, helping customers find relevant events more easily.

This article covers:


How to find your public page URL

To find your public page link:

  1. Open your Scheduling page. At the top of the page, select the double paper icon πŸ“‘ to copy the link:

    Scheduling page with arrow pointing at the public page link at the top of the page

  2. Alternatively, select View public page to be taken straight to the page and copy the link directly from the URL bar:

    Public page screen with arrow pointing at the URL website bar.



How to create filters

You can filter your public page by dates, locations, entries, and tags by adding filters to your page’s URL.

  • For example: www.bookwhen.com/grow

Google Sheet

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, please follow the below steps. πŸ‘‡


Date Filters

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

?start=YYYY-MM-DD

⚠️ The date format must be YYYY-MM-DD.

For example, if your page URL is:
​https://bookwhen.com/grow

Adding a filter for events starting from 1st January 2022 would look like this:
​https://bookwhen.com/grow?start=2022-01-01


Location Filters

To filter your entries by a specific location, you'll need the unique location code, which is available on the location's edit page.

To find the location code:

  1. Select Settings, then Locations from the left-hand menu on your account.

  2. Select Edit next to the location you wish to filter by:

    Locations page with an arrow pointing at the 'Edit' button

  3. Copy the code from the URL in the search bar. This code is located just after /locations/. For example:

    Editing location page with an arrow pointing at the URL bar, with a 12-character code highlighted

You can start creating your filter URL by appending the URL with the location code. For example: ?location=mbe0knv18rog

To complete the code:

The first part of the URL will be your page URL: https://bookwhen.com/grow

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

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

πŸ’‘ To note: The filtered URL will only show entries for this exact location.


Entry Filters

To filter your entries by a specific entry, you'll need the unique entry code, which is available on the entry's edit page.

To find the entry code:

  1. Open your Scheduling page.

  2. Select the entry from your schedule list, then Edit entry:

    Scheduling setup with an arrow pointing to the 'Edit Entry' button.

  3. Copy the code from the URL in the search bar. This code is located just after /entries/. For example:

    Entry settings screen with an arrow pointing at a 12-character code in the URL

You can start creating your filter URL by appending the URL with the entry code. For example: ?entry=j0tumqwx6w6q.

To complete the code:

For example, the first part of the URL will be your page URL: https://bookwhen.com/grow

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

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

πŸ‘‰ To note: If you want to filter by 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

Adding a tag to your entry

To add a tag to your entry:

  1. Open your Scheduling page.

  2. Select the entry from your schedule list, then Edit entry:

    Scheduling setup with an arrow pointing to the 'Edit Entry' button.

  3. Select the Information tab and scroll down to the Additional details section (you may need to expand the menu by selecting the down arrow).

  4. Type your tag into the Tags field or simply click into the field to select a tag that you've previously used:

    Additional details section with an arrow pointing at the 'Tags' field

  5. Select Save or Save & Exit to save your changes.

Once you've applied the relevant tags to your entries, you can easily filter by these tags by adding the following code at the end of your public page URL:

?tags=tagname

For example, if your public page URL is:

https://bookwhen.com/grow

Adding the adults tag would result in:

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

And adding the children tag would look like:

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


πŸ’‘ Important notes:

  • 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

Character

Escape Character

Space

%20

$

%24

&

%26

'

%60

:

%3A

<

%3C

>

%3E

[

%5B

]

%5D

{

%7B

}

%7D

"

%22

+

%2B

#

%23

%

%25

@

%40

/

%2F

;

%3B

=

%3D

?

%3F

\

%5C

^

%5E

|

%7C

~

%7E

,

%2C


Filtering with multiple tags

To filter with multiple tags, we recommend combining them, as you can currently only use one tag per filter button on your pages. This makes it easier to categorise entries that meet multiple criteria.

For example, instead of using separate tags like adults and children, you could use a combined tag like adults-and-children-classes.

Your URL would look like this:

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


Team member filters

Filtering your page by specific Leaders is also a great way to filter your page.

To do this:

  1. Select Account, then Team from the left-hand menu on your account.

  2. Selecting the pencil and paper icon πŸ“ next to the leader to open their settings.

  3. Copy the code from the URL in the search bar. This code is located just after /team/. For example:

    Team member settings with an arrow pointing at the 12-character code in the URL

You can start creating your filter URL by appending the URL with the leader code. For example: ?leader=tz74gfnp5us9.

To complete the code:

For example, the first part of the URL will be your page URL: https://bookwhen.com/grow

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

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 your filter URLs, you can add them to your Bookwhen page, making it easier for your customers to navigate and find relevant events.

To do this:

  1. Open your Scheduling page.

  2. Select View public page to open your public page:

    Scheduling page with an arrow pointing at the 'View public page' button

  3. Select Customise page to open your page settings, then add any filtered links or buttons to the General information section.

  4. Select Save header text once complete:

    Customise page settings with an arrow pointing at the 'Save header text' button

These then appear at the top of your page. For example:

Public page example with an arrow pointing at the 'general information' section

You can also share your filtered links in other areas, such as on your website or in your Facebook and Instagram bios.


Filtering iframes

You can also filter iframes. To find your iframe code:

  1. Open your public page.

  2. Select Customise page in the top-right-hand corner of your public page to open the page settings.

  3. Find the HTML code for your page section and select the Embedded iframe hyperlink:

    Customise page settings with an arrow pointing at the 'Embedded iframe' option

  4. Copy the code just below the hyperlink.

For example, if 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 can modify the URL in the iframe code by adding the filter section to the end of the public page URL (e.g., https://bookwhen.com/grow/iframe).

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

This would result in the following iframe code:

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

The date filter is now 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?