Putting booking on your own website

FacilitiesClub admins and secretaries6 min read

Two lines pasted into your club's website, and visitors can see what's free and book it without ever leaving your site.

Would rather not paste anything? Your club also has its own booking page, ready to link to, with the same free times and the same bookings.

Before you paste anything

Three things have to be true, or people will see an empty box:

• At least one pitch is open to the public — nothing is, until you say so.
• That pitch has booking hours (Booking hours in the menu), or there is nothing free to show. Visitors choose one of its free slots.
• If you want people to pay, your bank account is connected and the pitch has a rate.

The Your website page tells you if nothing is public yet, and shows you the widget running with your own pitches — so you can see exactly what a visitor will get before it goes anywhere near your site.

Getting the code

1. Open Your website (in More on a phone).
2. Press Copy the code. That’s your club’s real snippet — not an example to fill in.

It’s two lines: a tag saying where the calendar goes, and a script that draws it.

Pasting it in

Wherever you paste it, you need a box that accepts HTML or embed code — not a normal text box, which will show the code as words instead of running it.

• WordPress — add a “Custom HTML” block to the page.
• Wix — Add → Embed Code → Embed HTML.
• Squarespace — add a “Code” block.
• Pitchero or a club-website provider — look for a “custom HTML” or “embed” widget. Some don’t allow scripts at all; if yours doesn’t, ask them.

If nothing appears

Almost always one of four things, in the order worth checking:

1. The code was pasted into a text box. If you can see the code itself on the page, that’s this. Move it to an HTML or embed block.
2. No pitch is public. Check the preview under What your visitors will see — if it’s empty there, it will be empty everywhere.
3. Your site strips scripts. Some builders remove them on the cheaper plans. The preview working here but not there is the tell.
4. Only part of it was copied. Both lines are needed — the tag alone draws nothing, and the script alone has nowhere to draw.

What visitors can and can’t see

They see when a pitch is free and what a slot costs. They do not see who booked anything, any name, any note, or anything else about your club. A visitor with the code can’t learn anything a passer-by couldn’t.

They can tick several free slots and ask for them in one go. On a flexible facility they choose how long, then a start time, each with its price. They can also ask for one slot every week (how that works). Hours you keep for the club aren’t shown at all.

As on your booking page, they’re asked the facility’s questions, can type a discount code, and see anything an automation books with it, ticking off what you’ve let them leave out.

Asking is not booking. A request holds nothing until you accept it — so two people can ask for the same hour and you decide, rather than the quickest click winning.

Keeping it working

Nothing to update. The snippet points at us, so new features and fixes appear on your site without you touching it again. Change your hours or prices here and your website follows immediately.