<aside> Use this option to embed a full event calendar on your website.

It will display all active events (excluding any that have been canceled/set to hidden or private), giving visitors a complete view of everything available to book.

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

FAQs

Customisation

• 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

Troubleshooting

• Why can’t I select an event/pass in the dropdown?

• The event widget does not show any events, what is going on?

• Members mention they can book events associated with an entry type through the Member’s home widget but not regular events. Is this correct?