<aside> Generate a widget link for a specific event instance, perfect for promoting individual events like competitions or workshops. This gives customers a direct link to that specific event instance, without needing to browse other listings.

<aside> Note: The event must have a public price set in its Event Template to appear online.

</aside>

<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 curate your Event Templates displayed on your event widget?

Create a custom Event Widget by Template

</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 specific single event instances , follow these steps: