This help article explains how to generate widgets for a visitor’s home gym.
The Visitor’s Home Widget lets members log in to manage passes, guest entries, subscriptions, payment methods, and event bookings, and to view past transactions and signed forms — making it a great alternative, or an addition, to the BETA app.
You can send visitors to your widget in various ways:
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.
URL - select this if you would like to generate a widget URL to send to your customers, for example via email.
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.
Gyms on the Business Tier and above 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.
Please read the dedicated help article linked below.
Custom Widget Colour & Styling
This guide covers adjustments for Business and Enterprise tiers to ensure brand consistency and accessibility.
Most website builders support html content block, (also referred to as an iFrame) to insert this into your website - please see your providers relevant help docs. Iframes are basic html components. Then you will need to embedded the html generated by BETA. You can then customise the HTML to fit your needs. See more here Untitled
Header customisation is available on the Business Tier and above, directly in the Widget Builder.
Fully customisable widget styling is available on the Enterprise Tier and above.
Yes! You can generate a unique form QR code to display in your gym. To do so, directly from the widget builder you can generate a QR code, and download as a .svg. Do this from the bottom of the widget builder in the BETA dashboard.
Yes, this is accurate. Events displayed in the member’s home widget include those that have been linked to an entry type.
Once logged into the member’s home widget, visitors can book themselves into an event if they have the correct pass (that has been linked to the event) associated with their email address.
In the visitor’s home widget, visitors will have 2 features:
» My Events: Shows events they are already enrolled in.
» Enrol: Allows them to enrol in other events.
BETA widgets are Reactive, 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 you should 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 to iframe customisation:
