Embed a booking page on your website

1. Open Calendar.
2. Switch to Booking.
3. Open the booking page you want.
4. Copy the public booking link, or the provided embed code.

<iframe
  src="YOUR-BOOKING-URL"
  width="100%"
  height="800"
  frameborder="0"
  title="Book an appointment">
</iframe>

Replace YOUR-BOOKING-URL with your booking page's link.

1. Open the page you want.
2. Add an HTML block.
3. Paste the iframe code.
4. Save, or publish, the page.

1. Open the page in Elementor.
2. Drag the HTML widget to the position you want.
3. Paste the iframe code.
4. Update the page.

export default function Booking() {
  return (
    <iframe
      src="YOUR-BOOKING-URL"
      width="100%"
      height="800"
      title="Book an appointment"
    />
  );
}

Use width="100%" where possible, and test the embed on desktop and mobile devices.