Skip to main content

Integrate Clubworx with your Business Website

Embed your Clubworx class schedule and a Contact Us form on your own website using a simple copy and paste.

Updated this week

Clubworx makes it easy to embed your weekly timetable and Contact Us form directly onto your website using a simple code snippet. This creates a seamless experience for your visitors, allowing them to browse classes and get in touch without ever leaving your site.

Why Integrate Clubworx Widgets?

By embedding your timetable and contact form:

  • Improve the user experience – Members can view your classes and book in just a few clicks.

  • Capture leads automatically – Visitors are added as prospects in your Clubworx database when they submit the Contact us form, book a free trial or use book and pay to book a session for the first time.

  • Save time – Avoid double-handling data and ensure all interactions are tracked directly in your Clubworx account.

Important: Before you start, check that your website platform supports iframes—this is the technology that allows these widgets to appear on your site.


Step-by-Step Integration

Follow these steps to add the timetable or contact form to your website:

  1. Open Clubworx Settings

    • Click Settings in your Clubworx account.

    • From the dropdown, select Website.

  2. Access Integration Options

    • In the left-hand menu, click Integrations.

    • You’ll see three options:

      • Timetable

      • Contact Us Form

      • Free Trial Calendar

    • Choose the one you want to embed and click Generate HTML.

  3. Customize Your Calendar (Optional)

    • You can filter by location, trainer, or event type to display a tailored timetable.

    • Once you’ve chosen your filters, click Next: Generate HTML.

  4. Copy and Embed the Code

    • Copy the generated HTML code to your clipboard.

    • Paste the code snippet into your website page where you want the widget to appear.

    • Your timetable or form should appear immediately.

  5. Optional: Make the Calendar Read-Only

    • If you don’t want visitors to book directly from your site, toggle Allow bookings to be made when your calendar is hosted outside of Clubworx? to OFF before copying the code.

  6. Optional: Add fields to your Contact us form.

    • Click here for instructions for adding Custom fields to your Contact Us form.

If you have any further questions or queries, please don't hesitate to contact our support team at support@clubworx.com!

Did this answer your question?