How to embed your booking page on your website

Open the Embed page and choose what to embed

Click Embed in the sidebar. You can also choose Add to Website from an event card’s menu.

At the top, Embed for lets you pick All events (scheduling page) or one specific event. The code below updates when you switch. Copy direct link copies the plain link for the same choice.

Pick a style

• Inline Embed shows the booking page inside a box on your page, so visitors pick a time without leaving.
• Popup Widget adds a floating button that opens the booking page in an overlay. You set the Button Text, Button Color and Position (Bottom Right, Bottom Center or Bottom Left).
• Popup Text turns a link or button you already have into a booking trigger. You set the Link Text and Link Color.

Copy the code

Click Copy on the snippet. The page fills in your own link, so copy it from the page rather than retyping it. The Inline Embed code looks like this, with your username in place of your-username:

<!-- bookme by brandID Inline Embed -->
<div id="bookme-inline" style="min-width:320px;height:680px;"></div>
<script src="https://bookme.brandid.app/embed.js"></script>
<script>
  BookMe.inline('#bookme-inline', {
    url: 'https://bookme.brandid.app/book/your-username',
    onBooked: function(data) {
      console.log('Booking confirmed!', data);
    }
  });
</script>

The Popup Widget code goes just before the closing body tag of your site.

Paste it into your site

• WordPress: a Custom HTML block.
• Webflow: an Embed element.
• Squarespace: a Code block.
• Wix: an HTML embed.
• Plain HTML, Next.js or React: paste the snippet into the page or component. In React, load embed.js once and call BookMe.inline after the container is mounted.

React to a booking (optional)

Every style accepts an onBooked callback. It runs when a booking is confirmed inside the embed and receives the booking details, so you can fire an analytics event or show a thank-you message.

If your site already knows the visitor’s name and email, add them to the URL inside the snippet, for example ?name=Ana%20Lopez&[email protected]. Answers to custom questions cannot be pre-filled.

Test it

Open your live page and check that dates load. Then make a test booking with your own email.