Your booking page works on its own link, and it can also live inside your own website. Booklink gives you three ready made snippets: an inline embed that shows the whole flow on a page, a Book now button that opens the flow in a popup, and a plain iframe for site builders that block scripts. Bookings made on your site land in Booklink exactly like bookings from your link.
Where to find the snippets
Click Embed under Settings in the sidebar. The page, Embed on your website, has three snippets: Inline on a page, Book now button and Plain iframe, each with a Copy button. At the bottom, a Preview card loads the inline embed the same way your website will.
Inline or popup
Inline places the booking flow directly on a page, for example a Bookings page on your site. The frame grows and shrinks to fit each step, so there is no inner scrollbar. Confirmation dialogs inside the embed open in the middle of the embed area, so keep inline embeds on pages where the booking flow is near the top, or use the Book now button for long service lists.
Popup turns a link or button into a Book now button. Clicking it opens the flow in a window over your page. Keep the link address as shown in the snippet so visitors whose browsers block scripts still reach your booking page.
Adding the snippet to your site
WordPress: add a Custom HTML block where you want the booking flow and paste the snippet.
Squarespace: add a Code block and paste the snippet.
Wix: use the plain iframe snippet in an Embed HTML element. Wix wraps custom code in its own frame, so the automatic height does not reach the page. Set the height to a value that fits your longest step.
Plain HTML: paste the snippet anywhere inside the body of the page.
Paying inside an embed
Payment providers do not allow their checkout pages to load inside another site, so when a client reaches the payment step the checkout opens on its own page. After paying, the client lands on your Booklink confirmation page with the booking details and a link to manage it.
Branding on the free plan
Note
On the free plan the embed shows a small Powered by Booklink badge under the booking flow. The Pro plan removes it.Your layout inside an embed
Inside an embed your website carries the branding, so the booking page background turns transparent and takes your page's colour. On the Pro layouts Booklink also leaves out its own brand rail, header and footer and shows just the booking flow. The dark themes (Noir, Marquee and Title Card) keep their own background so their light text stays readable. If you use the Showcase layout, the embed shows the booking flow on its own rather than the full profile page. See Booking page layouts and themes.
Starting in a suburb
If you ask clients for their suburb (see Service areas), the Embed page also shows a Start in a suburb card. Pick a suburb and the three snippets update so the booking page opens with that suburb already chosen, which suits a page on your site written for one neighbourhood. Click Clear to go back to the normal snippets.
Open the embed on a specific service
With the inline or popup snippet, add data-service, data-cat or data-package to the element to open the embed on a specific service, category or package. With the plain iframe, add &service=, &cat= or &package= to the end of the address in src instead. The values match the query parameters on your normal booking links.Counting bookings on your website
When a client books inside the embed, the page around it receives abooklink:booked event, which you can use to send the booking to your own analytics. See Track bookings in Google Analytics and Google Ads.