Integrations
Embed and share your booking page
Copy snippets for WordPress or any site, share on social, and prepare calendar sync. Provider pages: Integrations, Translations, Group classes. Building an integration? See the public API & webhooks docs.
embed.js
Script loader attributes
Drop a placeholder and load /embed.js asynchronously. The script turns the placeholder into a responsive booking iframe.
Minimal embed
<div data-nola-embed data-provider="your-slug"></div>
<script src="https://getnola.co/embed.js" async></script>| Attribute | Purpose |
|---|---|
| data-nola-embed | Required marker on the placeholder element |
| data-provider | Public provider slug (required) |
| data-mode | "full" (default), "inline", or "button" |
| data-service | Optional service id — deep-link to one service |
| data-accent | Hex color (with or without #) to theme the widget |
| data-branding | "0" hides "Powered by Nola" |
| data-height | Initial iframe height in px before auto-resize |
The iframe auto-resizes via postMessage; data-height only matters for the first paint.
WordPress
Embed on your website
Replace your-slug with your public slug from Provider → Modules. All URLs use /book/p/[slug].
Direct link
<a href="https://getnola.co/book/p/your-slug">Book with Your studio</a>Iframe booking form
<iframe src="https://getnola.co/embed/your-slug" title="Book with Your studio" width="100%" height="720" style="border:0;border-radius:16px;" loading="lazy" allow="payment *"></iframe>Button CTA
<a href="https://getnola.co/book/p/your-slug" style="display:inline-block;padding:12px 20px;background:#1a1a2e;color:#fff;border-radius:999px;text-decoration:none;font-family:system-ui,sans-serif;font-weight:600;">Book now</a>Book page: https://getnola.co/book/p/your-slug
Social
Share kit
Instagram bio link
https://getnola.co/book/p/your-slugFacebook share URL
https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fgetnola.co%2Fbook%2Fp%2Fyour-slug
Share text
Book Your studio online: https://getnola.co/book/p/your-slugQR code
QR image URL (api.qrserver.com)
https://api.qrserver.com/v1/create-qr-code/?size=180x180&data=https%3A%2F%2Fgetnola.co%2Fbook%2Fp%2Fyour-slugCalendar
Google Calendar sync
Google Calendar two-way sync is coming soon. You can still share your booking page and embed it today; calendar connection will appear under Provider → Integrations when it ships.
Open provider integrations