Embed Widget

Add a booking widget directly to your website so visitors can schedule without leaving your page.

Overview

LinkTime's embed widget lets you add scheduling directly to your website. Visitors can browse your availability, select a time, and complete the booking — all without leaving your site.

Inline Embed

Full calendar view on your page

Popup Button

Click to open booking modal

Direct Link

Share your booking URL

Getting Your Embed Code

  1. Go to Event Types in your dashboard
  2. Click the share icon on the event type you want to embed
  3. Select “Embed” from the sharing options
  4. Copy the generated code snippet

Inline Embed (iframe)

The simplest way to embed your booking page. Add this iframe wherever you want the calendar to appear:

<iframe
  src="https://linktime.io/yourusername/30-min?embed=true"
  width="100%"
  height="700"
  frameborder="0"
  style="border: none; border-radius: 8px;"
></iframe>

Tip: Replace yourusername with your LinkTime username and 30-min with your event type slug.

URL Parameters

Customize the embed behavior using query parameters:

ParameterDescriptionExample
embed=trueEnables embed mode (hides nav)?embed=true
namePre-fill invitee name&name=John
emailPre-fill invitee email&[email protected]
hideHeaderHide the profile header section&hideHeader=true

Customization

The embed widget automatically inherits your LinkTime branding settings. To customize:

  • Go to Settings → Branding to change your brand color
  • Upload a logo and set your display name
  • Pro users can remove the “Powered by LinkTime” badge

Responsive Design

The embed widget is fully responsive. For best results:

  • Width: Set to 100% for responsive sizing, or a fixed width (min 320px)
  • Height: Recommended 700px for the full calendar view, 500px minimum
  • Mobile: The widget adapts automatically to smaller screens

Troubleshooting

Widget shows a blank page

Make sure the URL in the iframe src is correct and includes ?embed=true. Check that the event type is published and not archived.

Widget is cut off

Increase the iframe height. The calendar needs at least 500px of height to display properly. For the full experience, use 700px or more.

Cross-origin errors in console

The embed uses standard iframes which work across all origins. If you see CORS errors, make sure you're using the https:// version of the URL.

Need help?

Our support team can help you get the embed working on your site.

Contact Support →