Filtering your iframe allows you to display specific events from your schedule, giving your customers a more tailored experience.

By embedding different iframes on your website, you can customise the events that are shown to meet your needs.

To help you explore the possibilities, we’ve created a demo website that showcases the various iframe filters you can use with Bookwhen.

To find your iframe code:

The code that appears underneath the Embedded iframe option is the iframe code.

You can filter your iframe by:

You'll need to modify the iframe URL by adding a filter code at the end. For example:

4. Replace the iframe code with your new filtered URL:

To display a specific event in your iframe, you’ll need its unique entry code.

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

💡 If you want to display multiple events instead of just one, we recommend using tags for filtering.

Tags help organise your schedule and let you display specific events to customers. You can filter events by categories like age group, level, or type of class.

You can use a single tag filter to present specific events to your customers, such as differentiating between "Child" and "Adult" classes.

The tag filter code:

Then, add the tag-specific name to the code. For example:

❌ An iframe example without the filter code:

✅ An example of the iframe code with the tag "adults" added:

✅ The code with the "children" tag added:

💡 Need more filter options? Learn how to use special characters in your filter code.

Using multiple tag filters allows you to group specific event types. For example, if all course entries have the "course" tag, you can create a filtered iframe so customers only view courses instead of your entire schedule.

For example, the tag filter code:

Then, add the tag-specific name to the code. For example:

❌ An iframe example without the filter code:

✅ An example of the iframe code with the tag "course" added:

To display a specific location in your iframe, you’ll need its unique location code.

Then, add the location-specific code. For example:

An iframe example without the filter code:

The completed iframe code with the location filter code added at the end of the URL:

Date filters help organise your booking page by displaying events starting from a specific date onward. This is useful if you run multiple events each month and want customers to find classes for a particular period easily.

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

Then add the date you'd like the date to start from:

❌ An iframe example without the filter code:

✅ The completed iframe code with the date filter code added at the end of the URL:

To display a specific event in your iframe, you’ll need its unique event code.

You can add the URL extension to the end of the URL part of your iframe code. For example:

Filtering by specific team members helps customers find events led by their Leaders.

To do this:

Add the following filter to the end of your public booking page URL in your iframe code:

Then, add the leader-specific code. For example:

❌ An iframe example without the filter code:

✅ The completed iframe code with the leader filter code added at the end of the URL:

Return to the top ⬆️