Embedding

The simplest way to put Aura on your website is an <iframe> — basically, you give your site a little window that loads your booking page. Visitors can browse your slots and book without ever leaving your site.

The basic embed

Here's the iframe code:

<iframe
  src="https://app.aura-app.ai/b/YOUR_TOKEN"
  width="100%"
  height="700"
  frameborder="0"
></iframe>

Replace YOUR_TOKEN with the random string from your booking link's share modal. The URL is the same one you'd share directly — your booking link works in two places: as a URL you share, and as an iframe on your site.

What each setting does

Where to put it

Squarespace / Wix / Webflow

These tools have a "Code Block," "Custom HTML," or "Embed" element. Drop the iframe HTML in there and save.

WordPress

Use the Custom HTML block in the editor. Paste the iframe code in.

Plain HTML site

Just paste the iframe code into your HTML where you want the booking widget to appear.

React / Next.js

<iframe
  src="https://app.aura-app.ai/b/YOUR_TOKEN"
  width="100%"
  height={700}
  frameBorder="0"
/>

Picking a good height

The iframe is a fixed window — your booking page scrolls inside it. So if you set it too short, people will have to scroll twice (once on your page, once inside the embed) to see the calendar.

Pre-filling fields

If you already know who the person is (e.g., they're a logged-in user on your site), you can pre-fill the booking form by passing their info as URL parameters:

<iframe
  src="https://app.aura-app.ai/b/YOUR_TOKEN?name=Jane%20Smith&email=jane@example.com"
  width="100%"
  height="700"
  frameborder="0"
></iframe>

Special characters need to be URL-encoded (spaces become %20, @ stays as @). Most templating systems do this for you.

Passing tracking data

If you want to track where your bookings come from (which ad, which campaign, which page), add UTM parameters to the iframe URL:

<iframe
  src="https://app.aura-app.ai/b/YOUR_TOKEN?utm_source=homepage&utm_medium=hero&utm_campaign=spring-launch"
  width="100%"
  height="700"
  frameborder="0"
></iframe>

These get captured on the lead so you can see in Analytics → Attribution which placements actually drive bookings. See UTM Tracking.

Branding

The booking page inside the iframe uses whatever you configured on Branding — your color, logo, font, language. So when someone embeds your link on their site, the page still feels like yours, not Aura's.

What happens after someone books

When someone completes a booking inside the embed:

1. They see a confirmation message right inside the iframe.
2. They get a confirmation email and calendar invite (same as if they'd booked directly).
3. You can also redirect them to a thank-you page on your site after booking — set the redirect URL in your booking link's settings.

Troubleshooting

"The embed isn't showing up."

• Make sure you replaced YOUR_TOKEN with the real token from your share modal.
• Some site builders strip iframe code from "Text" blocks — make sure you're pasting it in a "Custom HTML" or "Code Block" element.

"My website blocks the iframe."

• Some sites have strict security headers that block iframes from other domains. If your developer can adjust those, allow app.aura-app.ai as a frame source.
• If that's not possible, link directly to your booking URL instead of embedding it.

"The embed looks cut off on mobile."

• Mobile screens are smaller, so 700px may not be enough. Try 800-900px.

"I can't get the URL parameters to work."

• Make sure the URL is URL-encoded (spaces are %20, etc.).
• Check the parameter names are exactly name, email, phone, company (lowercase).

What's next

• UTM Tracking — see what's driving bookings
• Branding — make the booking page look like your brand
• Custom Questions — collect info beyond just contact details