Embed in Squarespace

Your calendar

Downloading icon

Select a calendar and choose how tall it should be, then copy the generated HTML.

Example embed HTML

<iframe title="Availability calendar" width="1280" height="650" style="display: block; width: 100%; max-width: 1280px; height: 650px; border: 0;" src="https://dobu.uk/availability/your-nickname?no_header=&no_footer="></iframe>

Replace your-nickname with the nickname of the DoBu.uk profile you want to embed.

Add it to Squarespace

  1. Add an Embed Block to the page.
  2. Open the block editor and select Code snippet, then Embed Data.
  3. Paste the copied HTML and save the block.

See the official Squarespace Embed Block instructions for where to find these controls.

Choosing a height

A cross-site embed cannot automatically change the surrounding page layout as its content changes. A height of 650 pixels is a practical starting point. Increase it if the calendar or enquiry form is clipped; unused space may appear when the content is shorter. See the general HTML iframe instructions for more layout options.