<aside> Display only the event templates that matter most to your audience. You can select one or more templates to create a custom widget.

This is useful for tailoring pages—like showing only yoga classes on a yoga page or training sessions on a training page.

<aside> For gyms subscribed to the Community tier and above, users can also filter events by type directly within the widget.

</aside>

</aside>

<aside> ⚠️ For an event to be available for purchase online, a linked price must be set to ‘Public’,

Follow along here Add a price to an event

ATTENTION When building the widget, ensure that you select he desired payment method.

</aside>

⤷ Widget generation

<aside>

You can send visitors to your widget in various ways:

1. Embed - select this if you would like to embed your widget directly into your website through an iframe. An inline frame (iframe) is a default HTML element that loads another HTML page within your website.
2. URL - select this if you would like to generate a widget URL, use to send to your customers, for example via email.
3. QR code - select this if you would like to generate a QR code, useful for displaying in your gym for new customers to scan upon arrival. </aside>

⤷ Widget Customisation

› Custom Widget color & styling

<aside>

On the Business Tier and above, you are able to adjust the color of the widget’s header to better fit your brand and website.

For fully customisable widgets, see our Custom Widget color & styling page for Enterprise Tier and above.

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to learn how to customise your widget styling?

Custom Widget color & styling

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to generate a widget for all of your events?

Generate a widget for all events

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to generate a widget for only one, or a specific selection of events?

Create a single event widget

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to gain additional information on booking/purchase?

Booking Forms Explainer

</aside>

Event Widget FAQs

Event Widget Customisation

• How can I sell an event/course through my website?

• How do I generate a QR code to print in my gym to link to my widgets?

• How do I change the header color of the widget, or customise other colors on my widgets?

• How do I control the height and width of my iframe widget to work on my website and on mobile?

• I am selling rental shoes in a widget, how do I collect their shoe size?

• How can I add notes like pizza orders to an Event booking (e.g. for birthday parties)?

• Why cannot I add Add-Ons to a Price?

• Learn about the different Product Types

• Can the widgets be displayed in another language?

Event Widget Troubleshooting

• Why can’t I select an event/pass in the dropdown?
• I use a website builder like Ghost, Squarespace, Wix, Weebly - how do I embed a widget into my website?

To display only Events created from specific templates in the widget, follow these steps: