GameLedgerGameLedger

Documentation

Add booking to your website

Two lines of HTML put a Book Now button on your own website. This page has the snippet, where to paste it in each site builder, and what to check if it doesn't show up. It is written for whoever looks after your website—you, or the designer you hired.

What the embed is

The embed is a Book Now button that opens your GameLedger booking page in a popup on your own website. Guests pick a time, enter their details and, if your venue takes payment, pay—without ever leaving your site.

Behind the button is the booking page you already have. Bookings, confirmation emails and reminders work exactly as they do from your booking link; nothing is set up twice. A small “Powered by GameLedger” line appears inside the widget.

Popup or inline?

Popup (default, recommended)

The snippet renders a button. Clicking it opens the booking form in a modal over your page. It works on any page where the snippet runs in the page itself—WordPress, a Squarespace Code block, a Weebly Embed Code element, plain HTML—and there is nothing else to configure. Wix and Google Sites are the exception: see Where to paste it.

Inline

Add data-mode="inline" to the first line and the booking form sits directly on the page instead of behind a button. It grows and shrinks to fit its content. This works best on a dedicated “Reservations” page.

<div data-gameledger="your-venue-slug" data-mode="inline"></div>
<script src="https://www.gameledger.io/embed.js" async></script>

Inline is the newer mode. If the form ever appears cut off, switch back to popup by removing data-mode—unless you are on Wix or Google Sites, where the embed box is itself an iframe (see below).

The snippet

Paste these two lines where you want the button to appear:

<div data-gameledger="your-venue-slug"></div>
<script src="https://www.gameledger.io/embed.js" async></script>

Copy your snippet, with your venue already filled in, from Settings → Guests → Booking Page in GameLedger. your-venue-slug above is a placeholder.

The first line is where the button appears. The second line loads the widget. Keep both.

Change the button text

Add data-label to the first line:

<div data-gameledger="your-venue-slug" data-label="Reserve a table"></div>
<script src="https://www.gameledger.io/embed.js" async></script>

Where to paste it

Every site builder has an element for raw HTML. Use that one—not a normal text block, which will strip the <script> line.

WordPress

Block editor: add a Custom HTML block where you want the button, paste the snippet, then Preview and Update. Classic editor: switch to the Text tab (not Visual) before pasting—the Visual tab rewrites HTML. Elementor: use the HTML widget.

Squarespace

Add a Code block and paste the snippet. Code blocks need the Business plan or higher. On the Personal plan, add a Button or Link to your booking link instead (see below).

Wix

Simplest and most reliable: add a Wix Button and link it to your booking link, set to open in a new tab.

If the form must live on the page: choose Add → Embed Code → Embed HTML, paste the snippet with data-mode="inline" on the first line, and make the box full-width and tall—about 800 px. The Wix box does not resize itself, so the form scrolls inside it. Do not use popup mode inside a Wix HTML box: the box is itself an iframe, so the “popup” opens inside the box rather than over your page and you get a button-sized booking form.

Weebly

Drag an Embed Code element onto the page where you want the button and paste the snippet into it.

Google Sites

Same situation as Wix: the Insert → Embed → Embed code element is itself an iframe. Either add a Button linked to your booking link (open in a new tab), or paste the snippet with data-mode="inline" into the Embed code element and make it tall. Do not use popup mode inside it, and do not paste into a text box.

Carrd and everything else

Any element called “Embed code” or “Custom HTML” that puts your HTML directly in the page works—paste the snippet as-is. If the element renders your code inside its own frame (the page shows a fixed-size box that does not grow with its content), treat it like Wix: a Button to your booking link, or inline mode in a tall box.

You also keep your booking link

The embed is additional. Your booking link keeps working forever, and it is the right tool wherever an embed is impossible:

https://www.gameledger.io/v/your-venue-slug/book
  • Google Business Profile “Reserve” button
  • Instagram bio
  • Facebook page call-to-action button
  • Email signature
  • Reminder SMS
  • Printed QR codes and table tents

Copy the link from Settings → Guests → Booking Page.

Is there a WordPress plugin?

No, and you don't need one. The two-line snippet does exactly what a plugin would—a plugin would be a thin wrapper around the same snippet. It never needs updating, because the widget updates itself. And it works on every platform, not just WordPress.

If your site runs a security or optimisation plugin that blocks third-party scripts, allow www.gameledger.io.

Taking payments?

If your venue takes deposits or full payment through GameLedger, Apple Pay and Google Pay inside the widget need a one-time domain setup for your website. Contact support with the address of the page where you embedded it and we'll set it up.

Troubleshooting

Nothing appears

  • The script is being blocked by an ad-blocker, a privacy extension or a security plugin. Allow www.gameledger.io and reload.
  • A caching plugin is serving an old copy of the page. Clear the cache.
  • The platform stripped the <script> line. Use the platform's dedicated HTML or embed element, not a text block.

The button shows “bookings unavailable”

Online bookings are turned off for your venue. Turn them on in Settings → Venue Policies → Booking Rules. The widget updates immediately—there is nothing to re-paste.

The button appears but nothing opens

  • Pop-up blockers don't affect it—the booking form is a modal on the page, not a new window.
  • Open the browser console and look for a blocked frame.
  • Try another browser.

Wrong or jumpy height (inline)

The form resizes itself as guests move through it. If it stays at a fixed height, the page or one of its plugins is blocking messages between frames. Switch to popup by removing data-mode. On Wix or Google Sites a fixed height is expected—make the embed box tall, or use a Button to your booking link.

Caching plugins

Clear the cache after pasting the snippet. If the button behaves oddly after edits, exclude the reservations page from caching.

My page builder won't accept HTML

Some plans and blocks strip HTML: Squarespace Personal, some Wix templates, Google Sites text boxes. Use the platform's “embed code” element. If there isn't one, add a button that links to your booking link instead.

Mixed content / HTTPS

Your page must be served over https for payments—Apple Pay, Google Pay and cards—to work inside the widget. On a plain http page the button and the form still load, but checkout will not. Enable HTTPS with your web host.

Need help?

Contact support and include your website address and which site builder it uses.