Putting the calendar on your own website

Both links — the busy/free calendar for a hall, and the hire portal — are ordinary web addresses, so most website editors can show one inside a page of your own. Look for a block called Embed, HTML or Custom code — Wix, Squarespace and WordPress all have one — and paste this in, with your own link in place of the one here.

<iframe
  src="https://hallmanager.toolsforscouting.com/public/YOUR-LINK"
  title="Hall availability"
  width="100%"
  height="800"
  style="border:0"
></iframe>

The hire portal works the same way — swap the address for your /hire/ link instead.

The height is the fiddly part. A page shown inside a box can't tell your website how tall it needs to be, so you pick a number. 800 suits most sites. If it ends up with its own scrollbar inside your page, raise it until it doesn't.

Embed the calendar, but link to the request form. The calendar is only a view, so it sits happily in a box. A form asking for somebody's name, contact details and dates deserves a whole page, and forms inside a box on another site are the first thing to break as browsers tighten up on privacy. Point people at your request link with an ordinary link or button.

On a phone, a plain link often beats an embed. A calendar squeezed into a short box on a small screen is harder to use than a button saying “Check availability” that opens the real thing. There is nothing second-best about linking to it.

A new link breaks the embed too. If you turn the public link off and on again, or generate a fresh one, the code above still points at the old address. Update it on your website at the same time.