Embed GridMagik anywhere your guests already land.
Paste a single line into WordPress, Shopify, Webflow, Wix, Squarespace — or inline-render on a framework you built yourself. Fast, SEO-safe, SSR-ready, and styled in your brand, not ours.
- One-line embed or full React/Vue SDK
- SSR + edge-rendered availability for SEO
- Themeable via CSS variables — no iframe lock-in
One line. Any page. Real HTML.
The embed is not an iframe. It renders real HTML into your page, picks up your fonts and color tokens, and is fully indexable by Google and crawler-safe.
- Script tag or React component — your choice
- Renders to real DOM, not sandboxed iframe
- Content hydrates under 80ms on 4G
Plugins where your team already works.
Official plugins for WordPress, Shopify, Wix, Squarespace, and Webflow — so your marketer can drop a booking module in from the editor, not a support ticket.
- WordPress: Gutenberg block + shortcode
- Shopify: App Store app with theme section
- Webflow: official integration via Logic
A real SDK, when your site is bespoke.
If you run Next.js, Nuxt, Astro, SvelteKit, or a custom stack, use the SDK directly. TypeScript-typed, tree-shakeable, and rendered on the server so your first paint is the slot picker, not a spinner.
- @gridmagik/react · @gridmagik/vue · @gridmagik/node
- SSR + streaming · React Server Components ready
- Webhook signing, retries, and idempotency built in
import { Booker } from "@gridmagik/react";export default async function BookingPage() {const experiences = await gridmagik.experiences.list({ venue: "apex-sim-lounge" });return (<Bookerexperiences={experiences}theme={{ brand: "#0f172a", radius: 14 }}onConfirm={trackConversion}/>);}
Wherever your guests arrive, GridMagik shows up clean.
These surfaces all ship by default — no per-site license, no upcharge for mobile, no separate SDK for email.
Full booking site
Host your whole booking site on GridMagik with your domain and your theme. Or embed just the checkout.
Mobile-first embed
Rendering is mobile-native — 60fps scroll, touch-friendly targets, tap-to-confirm keyboard handling.
Per-experience widget
Drop a single-experience widget next to a product listing, a blog post, or an event page.
Shareable links
Every experience gets an SEO-safe canonical URL. Paste in a DM, email, or QR.
Multi-venue picker
Chain operator? One embed, location-aware, with the right inventory per venue.
Theme tokens
Customize color, radius, and type via CSS variables. No iframe means your brand comes through.
Headless mode
Use our GraphQL + REST APIs to render anything — kiosks, mobile apps, Apple Watch complications.
SEO-safe
Server-rendered HTML, canonical tags, JSON-LD for events — fully crawlable.
Webhook + API
Fire-forget webhooks for bookings, refunds, and waivers. HMAC-signed, replayable, retried.
“We spent six weeks trying to bolt the old vendor onto our Next.js site. GridMagik was rendering bookings on our homepage in an afternoon — server-side, SEO-clean.”
- Is the embed an iframe?
No. It renders real HTML into your page. Iframe mode is available as an opt-in for sites that need a sandbox boundary (rare), but the default is in-DOM.
- How does the embed handle our custom fonts and colors?
It inherits them. Set three CSS variables for brand color, radius, and type family, and the booking surfaces match your site. If you want finer control, target any element with your own CSS.
- What about accessibility?
WCAG 2.2 AA compliant, tested with NVDA, VoiceOver, and axe-core. Keyboard navigable, screen-reader friendly, respects prefers-reduced-motion.
- Can we use our own domain?
Yes. Host booking at booking.yourdomain.com (or at the root) via a CNAME. SSL is automatic, and redirects from your CMS can funnel to the GridMagik-hosted page without guests ever seeing a GridMagik URL.
See website integrationsin your venue’s context.
30-minute walkthrough. Your pricing, your calendar, your receipts — running live in a sandbox on your data. No slides.