Add Class / Event Booking to Your Website

You can enable clients to book classes or events online through the booking widget, as well as the iOS and Android consumer apps. This guide walks you through configuring online booking for class sessions.

Things to know:

• The ability to add class or event bookings to your website is controlled by the "Accessing Website Tools" access control setting.
• When setting up classes:
• If you select only one staff member, that staff member will be preselected by default on the widget.
• If you select only one class category, it will be preselected by default on the widget and will only show sessions within that category that fall within the selected date range.
• The Staff Member filter is optional, but can be used to filter classes shown in the widget.

Contents:

• Configuring Classes on the Booking Widget
• Install the Widget

Configuring Classes on the Booking Widget

1. First, create your class categories and classes under the Class tab.

2. Navigate to Business Setup > Website Tools

3. Select the Setup next to Add Class / Event Booking to Your Website

4. Choose either the Booking Widget or Express Checkout option: 

   • Express Checkout -  Clients click the Book Now button and are redirected to your MyTime booking page. Available for free to all MyTime accounts.
   • Booking Widget - Clients book directly on your website. A pop-up appears, allowing them to complete the booking.  
     • Free for Premium and Enterprise MyTime subscriptions.
     • $0.75 per transaction for businesses without a Premium subscription.
     • Customize Your Booking Widget   

5. On the customization page, you’ll be able to set preferences:
   

   • Default Location - Required for the class embed flow to correctly search available class sessions. 

   • Booking Page Includes - Add options such as gift cards, packages, and memberships, along with access to the client’s account. 

   • Default To - Choose which option (classes, packages, memberships, etc.) should be displayed first. 

   • Default Class Category -  Specify which class category will be preselected on the widget. 

   • Default Staff Member - Choose from your list of staff members.

6. Next, set your button and widget theme, then click Next to go to the installation page. 

7. Copy the generated code and embed it on your website    
   
   

Install the Widget

Once configured, your class bookings can be embedded on your website as a button or an entire page without a pop-up. 

1. Copy the generated embed code
   
2. Paste the iframe code into your website’s HTML. You can add it to a dedicated booking page or within an existing page
3. A web developer can help adjust size, width, or positioning to fit your site layout.
   
   

Display Notes:

On Desktop: The widget will display in a wide format.

On Tablet/Mobile: The widget automatically adjusts to fit narrower screen sizes.

If you update the widget settings later (e.g., add Google Analytics, Facebook Pixel, or Custom CSS), a new URL may be generated. In that case, you’ll need to re-embed the updated code.

Congratulations! Clients can now book your classes and events directly from your website.

For more information, contact us at support@mytime.com.      

Related Articles

Add Appointment Booking to Your Website

Add Walk-in Waitlist to Your Website

Add My Account Management to Your Website

Deep Linking Classes on the Booking Widget & Express Checkout