Skip to main content

Gym Website Widgets & Embeds

Embed interactive widgets on your gym website to let visitors browse classes, sign up as members, and purchase memberships -- all without leaving your site.

Overview​

Finegym provides embeddable widgets that you can add to any website. These widgets connect to your Finegym account and display real-time data from your gym.

Location: Settings > Embed Widgets

Embed widgets settings page

Available Widgets​

Membership Plans Widget​

Display your membership plans with pricing and a purchase flow:

  • Shows all plans marked with Show on website enabled
  • Members can select a plan and complete checkout via Stripe Embedded Checkout
  • New visitors can sign up and purchase in a single flow

Controlling Visible Plans​

  1. Go to Memberships > Plans
  2. Edit any membership plan
  3. Toggle Show on website to control whether the plan appears in the widget

Class Schedule Widget​

Display your upcoming class schedule:

  • Shows classes filtered by class type
  • Members can view class details including description, coach, and available spots

Signup Form Widget​

Allow new members to register directly from your website:

  • Collects name, email, birthday, and password
  • Validates email uniqueness in real time
  • Sends a welcome email upon successful registration
  • Optionally bundles with a membership purchase

Setting Up Widgets​

1. Configure Widget Settings​

Location: Settings > Embed Widgets

Toggle Enable public widgets to control whether your embedded widgets are accessible to visitors. When disabled, all public-facing widgets will be hidden.

Widget configuration toggle

2. Add the Embed Code​

Copy the embed code from the settings page and paste it into your website's HTML:

<div data-finegym-widget="pricing"></div>
<script src="https://fitlife-gym.sites.finegym.io/embed.js" async></script>

The embed code is pre-configured with your gym's subdomain.

Public Booking Flow​

Membership Purchase (New Visitor)​

  1. Visitor views membership plans on your website
  2. Selects a plan and clicks Sign up
  3. Fills in registration details (name, email, password)
  4. Completes payment via Stripe Embedded Checkout
  5. Receives a welcome email with login details

Membership Purchase (Existing Member)​

  1. Member enters their email on the widget
  2. System recognizes the existing account
  3. Member completes payment via Stripe
  4. Membership is activated immediately

Class Booking with Membership​

  1. Visitor browses the class schedule widget
  2. Selects a class to book
  3. If they don't have a valid membership, they are prompted to purchase one
  4. After checkout, the class reservation is automatically created

Discount Codes​

Members can apply discount codes during the checkout flow. The widget validates discount codes in real time and shows the adjusted price before payment.

See Creating & Managing Discounts for setting up promotional codes.

Last updated on