Embed on your site

Drop your TimeTuna booking page into any website with a single iframe. Theme, background, and translucency are controlled by URL parameters.

URL parameters

Append any combination of these parameters to your booking page URL. Combine them with &.

Parameter	Values	Description
`embed`	`true` / `false`	Enables embed mode. Removes outer padding and navigation so the page fits cleanly inside an iframe.
`theme`	`light` / `dark`	Sets the color theme. Match it to your website's background.
`background`	`true` / `false`	Controls whether the default background is shown. Use `false` when your site already has a colored or gradient background.
`translucent`	`true` / `false`	Adds a frosted-glass effect to the booking card.

Usage examples

URL

# Basic embed
https://timetuna.com/your-page?embed=true

# Light theme embed with no background
https://timetuna.com/your-page?embed=true&theme=light&background=false

# Dark theme with translucent card
https://timetuna.com/your-page?embed=true&theme=dark&translucent=true

HTML snippet

HTML

<iframe
  src="https://timetuna.com/your-page?embed=true&theme=light"
  width="100%"
  height="700"
  frameborder="0"
  style="border: none; border-radius: 12px;"
></iframe>

Size recommendations

Minimum 320px wide on mobile, at least 700px tall on desktop so the time picker is not cut off. border-radius: 12px matches the rest of TimeTuna's visual design.

Live examples

See how different parameter combinations look in action.

Full screen (default)

timetuna.com/cowboy — the public booking page without any parameters, full-width.

Light theme full screen

timetuna.com/cowboy?theme=light — same page on a light surface.

Compact embed

timetuna.com/cowboy?embed=true — sidebar-sized, ideal for widget-style placements.

Transparent on a light background

timetuna.com/cowboy?embed=true&background=false&theme=light — blends into whatever surface you put it on.

Transparent on a dark background

timetuna.com/cowboy?embed=true&background=false&theme=dark

Best practices

Use embed=true any time the page lives inside an iframe. The layout removes outer chrome that would otherwise compete with your site.
Match the theme to your site's background, light on light, dark on dark, so the booking card looks intentional.
Set background=false when your site already has a colored or gradient background you want to keep visible.
Reserve at least 700px of height on desktop so guests do not have to scroll inside the iframe to see the next button.
Add border-radius: 12px to the iframe to match TimeTuna's rounded corners.

If the embed does not load

Check that your site does not block third-party iframes via a Content Security Policy. See Embed not loading.