Embed Documentation

Learn how to embed TimeTuna booking pages on your website

URL Parameters

Customize how your TimeTuna booking page appears by adding URL parameters. These parameters can be combined to achieve the exact look you need.

ParameterValuesDescription
embedtrue/falseEnables embed mode. Optimizes the layout for embedding in iframes by removing unnecessary padding and navigation elements.
themedark/lightSets the color theme of the booking page. Use dark for dark backgrounds, light for light backgrounds.
backgroundtrue/falseControls whether the default background is shown. Set to false for transparent background (useful when embedding on colored backgrounds).
translucenttrue/falseEnables a semi-transparent, frosted glass effect on the booking card. Great for modern, layered designs.

Usage Examples

Combine parameters using & to achieve different effects:

# 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 effect

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

HTML Embed Code

Use an iframe to embed your TimeTuna booking page on any website:

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

Live Examples

See how different parameter combinations look in action

Full Screen (Default)

timetuna.com/cowboy

The default view without any parameters - takes full screen width

Light Theme - Full Screen

timetuna.com/cowboy?theme=light

Full screen with light theme - great for light-colored websites

Split Layout - Content + Booking

timetuna.com/cowboy

Perfect for landing pages - marketing content on the left, full booking experience on the right

Let's Build Something Amazing Together

Book a free 30-minute consultation and discover how we can help transform your ideas into reality. No strings attached.

  • Personalized strategy session
  • No commitment required
  • Get actionable insights immediately

Trusted by 500+ clients worldwide

Embed Mode - Light Theme

timetuna.com/cowboy?embed=true

Perfect for sidebars or widget-style integrations

Full Customization - No Background

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

Clean embed with no background - blends seamlessly with your site's design

Dark Theme - No Background

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

Perfect for dark websites - transparent background blends with your dark theme

Best Practices

  • Use embed=true when placing the booking page inside an iframe to optimize the layout
  • Match the theme to your website's color scheme for a seamless experience
  • Set background=false when your website has a colored or gradient background
  • Height recommendation: Use at least 700px height to ensure all elements are visible without scrolling
  • Width recommendation: Minimum 320px width for mobile-friendly display
  • Border radius: Add border-radius: 12px to the iframe for rounded corners

Need help? Contact us at pavel.kucherbaev@gmail.com