WordPress

Add a Submitsu widget to your WordPress site using a Custom HTML or Code block. The process is the same for any widget type (timetable, what’s on, pricing, or size charts).

Step 1: Get your embed code

Choose the widget you want from the Widgets overview and copy the embed code using the Copy Widget button. Make sure you’ve set the correct parameters (for example, your location path or club slug) before copying.

Step 2: Open your page or post

In the WordPress editor, open the page or post where you want the widget to appear. You can add a widget to an existing page or create a new one.

Step 3: Add a Custom HTML block

1. Click the + button to add a new block
2. Search for Custom HTML or Code
3. Select the Custom HTML block (or Code block, depending on your theme)

Step 4: Paste the embed code

Paste the iframe code you copied into the block. It will look something like this:

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

Step 5: Publish or update

Click Publish (for new pages) or Update (for existing pages) to save your changes. The widget will appear on your live page.

Tips

• Responsive width: The width="100%" in the embed code makes the widget stretch to fit its container. If your theme has a narrow content area, the widget will adapt.
• Height: You can adjust the height value (e.g. 450 to 600) if you need more or less vertical space.
• Multiple widgets: You can add more than one block to show different widgets (for example, a timetable and a what’s on list) on the same page.