Integrate Your Website with XODA

Overview

Integrating your website with XODA allows your members to view your timetable, make bookings, and access your pricing directly from your website using an embedded widget.

This guide will show you where to find the XODA embed code and how to add it to your website.

Before You Start

Here is an example of a website integrated with XODA: RBB Studio

This example demonstrates how the XODA booking and pricing widgets can be embedded into your own website.

STEPS

1	Log in to your Xoda account.

2	From your dashboard, go to Settings then select Profile.

3	Open the Widget tab.

4	Within the Widget tab, you'll find two embed codes: Booking Widget – Displays your timetable and allows members to make bookings. Pricing Widget – Displays your available memberships and pricing. Copy the required embed code and paste it into your website using an iframe. 💡 Note:The embed code is compatible with any website platform that supports iframe embedding.

5

You can customize the appearance of your Booking / Pricing Widget by selecting a Theme Color. Choose a color using the built-in color picker or enter a specific HEX color code to match your website or brand identity. A live preview is displayed so you can see how the widget will appear before embedding it on your website. 💡 Tip:Use your brand's HEX color code for a consistent look and feel across your website and the XODA Booking Widget.

Embedding the Widget

The process for embedding an iframe varies depending on your website builder or CMS.

Refer to your platform's documentation for instructions on embedding iframe content.

Some common platforms include:

• Wordpress (Bluehost)
• Squarespace
• Wix

How to insert an iframe in your cms="CMS"

Using the Booking Widget

When members open the Booking Widget:

• The timetable displays sessions for the current week by default.
• To view future sessions, click the Calendar icon.
• Select a future date to display the timetable for that week.
• Members can then continue with their booking as normal.

🔧  TROUBLESHOOTING

---

	The widget does not appear on my website Ensure your website platform supports iframe embedding. Some website builders restrict iframe content on certain page types.
	Changes are not showing Refresh your browser cache or republish your website after updating the embed code.
	The timetable looks different from my website Use the Color Scheme in XODA to better match your website branding.