Squarespace

Add a Submitsu widget to your Squarespace site using a 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: Edit your page

1. Log in to your Squarespace site
2. Open the page where you want the widget to appear
3. Click Edit to enter the page editor

Step 3: Add a Code block

1. Click the + button to add a new block
2. Under More, select Code
3. A code block will appear on your page

Step 4: Paste the embed code

1. Paste the iframe code you copied into the code block
2. The code 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: Save and publish

1. Click Apply or Save on the code block
2. Click Save in the top left to save the page
3. If your site uses draft mode, click Publish when you’re ready to go live

Tips

• Responsive width: The width="100%" makes the widget fill its container. It will adapt to your Squarespace layout.
• Height: Adjust the height value (e.g. from 450 to 600) if you need more or less vertical space.
• Multiple widgets: Add multiple Code blocks to show different widgets on the same page.