<aside> Create a custom widget link to show any combination of forms together.

On the Form widget, you can add a YouTube video that will play at the beginning of the form signing process. Please ensure you paste the full URL from the address bar into the field in your widget builder.

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

<aside>

What is the difference between a default widget and a custom form widget?

When creating a form widget, you have two options for how forms are included in your widgets.

Default Form Widget: This option uses the default forms you've set in your Participant Form configuration. These forms are automatically suggested at the end of a purchase in any widget.

The widget link stays the same and always reflects the current default forms — making it easy to manage and maintain across your site, or if you have any printed QR codes.

Custom Form Widget: This allows you to choose specific forms to include in the widget. It’s helpful when you want to tailor the experience — for example, if you only want certain forms shown or need to hide specific forms for a particular audience or use case.

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to create a Default Forms widget?

Create a default forms widget

</aside>

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

Custom Widget color & styling

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to create a Custom Forms widget?

Create a custom form widget

</aside>

<aside> <img src="/icons/arrow-northeast_blue.svg" alt="/icons/arrow-northeast_blue.svg" width="40px" /> Looking to add a video to your form widget?

⤷ Adding a video to a form

</aside>

FAQs

Customisation

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

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

• How do I add a video to my form widget?

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

Language

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

Untitled.mov

Related Guides

Create a default forms widget

Related Pages

Widget Guides