Can I embed my Bookings with me page on my website?

What Microsoft lets you do with a personal page#

Microsoft's "Preview and share your personal booking page" article lists three sharing options:

1. Copy link and share. On the Bookings home page, select the Personal booking page heading, then the copy button.
2. Share via email. This opens a pop-up where you enter addresses and an optional message.
3. Email signature settings. This adds the page link to your Outlook signature.

Each meeting type can also be shared on its own from the share icon on its tile. Private meeting types don't appear on the page, so the only way to reach them is their direct link. They can also generate single-use links that stop working after one booking.

Embedding is where the two kinds of page differ:

What happens if you iframe the link anyway#

In the Microsoft Q&A thread about getting embed code, community members suggest pasting the personal page link into your own iframe tag. Some sites do this, but Microsoft doesn't document or support it. Expect these problems:

• Sign-in and guest screens. Bookers can be shown a "Sign in / Continue as guest" step and an email verification code. Inside a small frame this looks broken, and you can't turn either off (see the email verification answer).
• Redirects. Personal pages can redirect to Microsoft sign-in. Microsoft's sign-in pages refuse to load inside frames on other sites, so the frame goes blank or shows a "refused to connect" message.
• An undocumented URL. Personal page links contain an opaque ID rather than your email address, and Microsoft doesn't document the format. A link that works in a frame today can break after a service change.
• No height control or events. The frame can't resize itself to fit the content, and your site can't see when a booking completes.

Test in a private browser window with no Microsoft session before you publish a framed personal page. Test on mobile as well.

Options that work reliably#

1. Link out with a button#

The simplest reliable setup is a button that opens your personal page in a new tab. Use the page link, not a private meeting-type link: in the second Q&A thread above, a "Book with me" link went nowhere because the wrong link had been shared.

<a href="https://outlook.office.com/bookwithme/user/your-page-id" target="_blank" rel="noopener">
  Book a meeting with me
</a>

Replace the href with the link you copied from the Personal booking page heading.

2. Move to a single-staff shared booking page#

If you need a form on your site, create a shared booking page with yourself as the only staff member. Shared pages have documented iframe embed code, per-service links, custom questions and a TSV report. The trade-offs: a shared page creates a scheduling mailbox in Exchange, your organization may restrict who can create one, and Require a Microsoft 365 account from my organization to book must stay off, or the embed will redirect to sign-in.

The comparison is in shared booking pages vs Bookings with me, and setup steps are in set up a shared booking page. Once the page exists, follow how to embed Microsoft Bookings on a website.

Doing this with BookingsXP#

The BookingsXP widget gives you a script embed that resizes to fit its content, instead of a fixed-height iframe. It works with shared booking pages. Support for Bookings with me personal pages is best-effort only: they may work, but we don't guarantee them because of the sign-in and verification steps Microsoft adds. If your site needs a dependable embed, pair a single-staff shared booking page with the widget (how the embed works). BookingsXP is independent and not affiliated with or endorsed by Microsoft.