Widgets

Embed Submitsu data on your site

We’ve built embeddable widgets that pull live data from Submitsu. Timetables, pricing, what’s on, and size charts: add them to your website and they stay up to date automatically. No API keys, no paid tiers. Just copy the embed code and paste it where you want it.

Who can use them

Anyone with a website can use these widgets. BJJ clubs can show their timetable and pricing. Blogs and news sites can display local class schedules or events. Clothing brands can embed size charts for their products. Event organisers can list what’s coming up. The widgets are flexible: you can show data for a whole area or restrict it to a specific club or brand. If you need to focus on one location or one club, the parameters let you do that.

Location path

The location parameter in widget URLs uses the same path format as our Locations pages. If you’re not sure what to use, visit the location page you want (e.g. London, New York, Sydney) and grab the path from the URL. For example, if the URL is submitsu.com/locations/gb/england/london, the location path is gb/england/london. You can use that directly in your widget embed code.

Timetable

A widget with a weekly view of your timetable. Shows all classes across the week in a clear, scannable format.

Example: <iframe src="https://www.submitsu.com/widgets/timetable/weekly?location=gb/england/london" width="100%" height="450" frameborder="0"></iframe>

Parameters:

location (required): e.g. gb/england/london or us/texas/austin
club (optional): club slug for club-specific timetable
mode (optional): light or dark (default: dark)

What’s On

A widget that shows upcoming classes and events. Visitors see what’s on next at your club.

Example: <iframe src="https://www.submitsu.com/widgets/whats-on/list?location=gb/england/london" width="100%" height="450" frameborder="0"></iframe>

Parameters:

location (required): e.g. gb/england/london
club (optional): club slug
limit (optional, 1-10): number of items to show (default: 5)
type (optional): classes, events, or both (default: both)
mode (optional): light or dark (default: dark)

Pricing

A widget view of the pricing for your club or area. Displays average prices by membership type.

Example: <iframe src="https://www.submitsu.com/widgets/pricing/area?location=gb/england/london" width="100%" height="450" frameborder="0"></iframe>

Parameters:

location (required): e.g. gb/england/london
club (optional): club slug for club-specific pricing
mode (optional): light or dark (default: dark)

Size Charts

A widget showing brand size charts for BJJ gear. Useful for uniform retailers.

Example: <iframe src="https://www.submitsu.com/widgets/size-charts/table?brand=tatami" width="100%" height="450" frameborder="0"></iframe>

Parameters:

brand (required): brand slug e.g. tatami, atama
mode (optional): light or dark (default: dark)

Step-by-step instructions for WordPress, Wix, Squarespace, and custom HTML: How to add a widget.

Quick Examples

Here are ready-to-use embed codes for each widget type. Click the copy button next to any example to get the embed code.

Timetable


<iframe
  src="https://www.submitsu.com/widgets/timetable/weekly?location=gb/england/london"
  width="100%"
  height="450"
  frameborder="0"
  title="BJJ Timetable">
</iframe>

What’s On


<iframe
  src="https://www.submitsu.com/widgets/whats-on/list?location=gb/england/london&limit=5&type=both"
  width="100%"
  height="450"
  frameborder="0"
  title="What's On">
</iframe>

Pricing


<iframe
  src="https://www.submitsu.com/widgets/pricing/area?location=gb/england/london"
  width="100%"
  height="450"
  frameborder="0"
  title="BJJ Pricing">
</iframe>

Size Charts


<iframe
  src="https://www.submitsu.com/widgets/size-charts/table?brand=tatami"
  width="100%"
  height="450"
  frameborder="0"
  title="BJJ Size Charts">
</iframe>