Create Pass Widgets, Pass Widgets for a particular payment methods

This help article specifically covers generating widgets for passes.

⤷ Widget Generation

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.

⤷ Custom Widget Colour & Styling

On the Business Tier and above, you are able to adjust the colour of the widget’s header to better fit your brand and website. Gyms on the Enterprise Tier and above get access to fully customisable widgets.

⤷ Create a Pass Widget

In the widget builder, you can generate a widget to display all of your passes.

Once you generate a widget for passes, they will be arranged in ascending order based on the pass duration, such as infinite, day pass, 1-month pass, 3-month pass, and so on. If you prefer to reverse the order of the passes, simply toggle on the reverse sort passes option.

ATTENTION: If you are using Direct Debit providers such as GoCardless/Square or another particular payment method, ensure you select the correct payment method from the dropdown.

When setting up widgets for subscriptions, you must select a payment method from the drop-down list in order for the online sale to be successful.

⤷ Create a Pass Widget for particular payment methods

In the widget builder, you have the flexibility to display passes based upon the payment method.

» Troubleshooting: a pass widget with an unknown payment provider linked

This scenario will only occur if you have not explicitly set in the widget builder.

If no payment method is explicitly set in the widget configuration, the system will automatically choose the first available payment provider from this list that the gym has integrated. BETA selects one using the following priority order:

1. Stripe

2. Square

3. Dojo

4. GoCardless

5. Clover Ecommerce

If a payment method is specified in the widget builder, that selection overrides the priority order above completely, even if the gym does not have that payment method configured.

Ensures that the correct payment method is

FAQs

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

BETA widgets are Responsive, meaning they change the size depending on their <div> container. Iframes are basic html components. Inside of the iframe widget, you can set the Height & Width Attributes—allowing you to determine the sizing that you want » Read more here.

You can control the width and height of the embedded widget. To control the width and height of an iframe in HTML, you can use the width and height properties on the iframe itself, or use the width and height style properties. The values for the width and height properties can be specified in pixels, percentages, or other units.

For mobile devices, ensure that the iframe’s width is allowed to expand to the full device width. If you need any help configuring the css or html for website embeds, please contact us on your Discord channel.

These are the attributes associated with iframe customisation: