Help

Embed booking on your website

Put your PBHQ booking form directly on your own site, so customers never leave it.

Who can do this: Owners only. Where: Sidebar → Business → Settings → "Embed Booking on Your Website"

Getting the code#

"Paste this code into any page on your website where you want the booking form to appear."

  1. Open Settings and expand "Embed Booking on Your Website".
  2. Optionally narrow what the embed shows (below).
  3. Click "Copy" — it flips to "Copied!".
  4. Paste it into your website's HTML where you want the form.

The snippet is a simple <iframe>. Any website builder that accepts an HTML or "custom code" block will take it — WordPress, Squarespace, Wix, Webflow, Shopify, plain HTML.

Narrowing what the embed shows#

Two controls, when you have something to filter:

  • "Activity" — a dropdown starting with "All activities". Pick one for an activity-only form.
  • "Party types" — checkboxes to show only specific packages.

"Embed a focused widget — pick an activity (e.g. an airsoft-only form), or one or more party packages. Selecting any party types takes precedence over the activity filter. The snippet below updates automatically."

Ticking any party types overrides the activity choice. The snippet regenerates as you change the controls — copy it after you've set the filters.

Why you'd want this#

Put the right form on the right page:

Page on your site Embed
Homepage / "Book Now" All activities
"Birthday Parties" Just your birthday packages
"Airsoft" Airsoft only
"Corporate Events" Just your corporate package

Customers land on a page about the thing they want and see a form for exactly that thing. Fewer choices, more bookings.

You can embed several different snippets across different pages of your site — there's no limit.

Sizing#

The snippet sets width="100%" and height="700".

"Recommended: set the height to at least 700px. Adjust if the form appears cut off."

If the form looks cropped, raise the height number in the snippet. If there's a lot of dead space below it, lower it. Different steps of the funnel are different heights, so pick a value that suits the tallest step — usually the gear step with several tiers.

What customers experience#

"The booking form displays inside the frame. When customers proceed to checkout, they'll be taken to the full payment page."

They browse and select everything inside the frame on your site. At checkout they move to the full payment page — that's a deliberate security boundary for card entry, and it's normal.

If you change your Booking URL#

The embed code contains your booking URL. Changing it in Field profile breaks every embed you've already placed. Come back here, copy the fresh snippet, and update your website.

Troubleshooting#

The form doesn't appear. Your website builder is probably stripping the iframe. Look for a dedicated "Embed" or "Custom HTML" block rather than pasting into a rich text editor.

It's cut off. Raise the height value.

It's blank or shows an error. Open your booking URL directly in a browser. If that works but the embed doesn't, it's your website builder's embed handling — check its documentation for iframes.

The wrong things show up. Re-copy the snippet after setting the filters; the code only updates when you copy it fresh.