Website Integration Guide

Your store doesn't have to live only inside the Game Haven Guild app. With Website Integrations, you can embed your live event calendars and table reservation availability directly into your own website including Shopify, Wix, Squarespace, WordPress or other hosting options — no code beyond a copy-paste.

Where to Find Your Integrations

Open Advanced Settings → Store Integrations. You'll see two categories:

  1. Event Calendars — two embeddable calendar views.

  2. Reservations — an embeddable table availability and booking page.

Each integration provides:

  • A preview link so you can see exactly what your visitors will see before embedding.

  • A ready-to-use iframe embed code (just copy and paste).

  • A "Copy to clipboard" button for one-click embedding.

Don't see a view you like? The page invites you to send a message and request a custom view built to your specifications.

The Available Integrations

A. Event Calendar (Month and List View)

A combined month + list calendar that displays every upcoming event and game session at your store.

  • Best for: A compact, scannable feed of what's happening — ideal for a website sidebar, a "What's Happening" page, or a mobile-first layout.

  • Embed height: 625px.

  • What it shows: Your events and game sessions (casual, tournament, league), filtered to your store, with the same date and game filters your app calendar uses.

B. Event Calendar (Monthly Grid View)

A traditional full-month grid calendar with each event shown directly on its day — like a wall calendar on screen.

  • Best for: A more visual, at-a-glance calendar experience — great for a "Calendar" page on your main website where visitors want to see a whole month at once.

  • Embed height: 850px (taller to accommodate the grid).

  • What it shows: The same events and game sessions, laid out across a month grid so visitors can spot busy vs. quiet days instantly.

C. Reservations and Table Availability

A live table availability board that also accepts reservations directly from your website — no login required.

  • Best for: Letting walk-in-style visitors browse open tables and book on the spot from your site.

  • Embed height: 625px.

  • What it shows: Your tables, their availability by date and time, and a booking flow that creates a public reservation.

  • ⚠️ Critical warning (see below): Do NOT use this if you've enabled Members Only Reservation.

How to Embed (Step by Step)

  1. Open Advanced Settings → Store Integrations.

  2. Find the integration you want.

  3. Click "Preview your [view] →" to confirm it looks right.

  4. Click "Copy to clipboard" (or click into the embed code box and select all — it's pre-selected for you).

  5. Paste the <iframe> snippet into your website builder's HTML / embed / custom code block:

    • Wix: Add Element → Embed → Custom Code / HTML iframe.

    • Squarespace: Add a Code block, paste the iframe.

    • WordPress: Use a Custom HTML block or an "iframe" shortcode plugin.

    • Shopify / custom HTML: Paste directly into a page's HTML editor.

  6. Save and publish. Your live calendar or availability board is now on your site.

The embed code is a self-contained <iframe> — it needs no API keys, no login, and no ongoing maintenance. Any event you create or table you configure in the app updates the embedded view automatically.

When to Use Each Integration (and When Not To)

Event Calendar (Month & List) — ✅ Use When:

  • You want a compact calendar on your homepage, sidebar, or a "What's Happening" section.

  • Your website is mobile-first and visitors scan more than they browse.

  • You want one embed that doubles as a list and a month toggle.

  • ❌ Skip it when you specifically want the traditional full-month grid look — use the Grid view instead.

Event Calendar (Monthly Grid) — ✅ Use When:

  • You have a dedicated Calendar page on your site where visitors expect a wall-calendar style view.

  • You want visitors to compare days visually (busy weekends vs. quiet weekdays).

  • Your site layout has room for a taller (850px) embed.

  • ❌ Skip it when space is tight or your site is mostly mobile — the Month & List view is more compact and responsive.

Reservations & Table Availability — ✅ Use When:

  • Your store accepts public, no-login table reservations (Reservations enabled, Members Only Reservations OFF).

  • You want to capture walk-in and website bookings without forcing visitors to download the app first.

  • You have free tables or paid tables and want to take payment at booking (Stripe handles checkout inside the embed).

  • ❌ Do NOT use when:

    • Members Only Reservations is ON. The embed can't verify membership or account status, so members-only gating must run through the in-app reservation flow. Embedding this view would either bypass your members-only rule or fail to book — either way it breaks the intent. The in-app flow confirms the account and membership status before booking.

    • You've enabled per-level "Can Make Reservations" gating (the additive whitelist). Same reason — the website path can't validate which level a visitor belongs to.

    • In those cases, point website visitors to your Linkpage (which links into the app) or the app itself, where the reservation flow can enforce your access rules.