How to embed the booking widget on your website
Discover the three ways to add the Bink booking widget to your website: inline, popup widget, and popup link.
Why embed the widget on your site?
Your Bink profile is perfect for sharing your booking link on social media. But if you have a website, you can embed the widget directly into your pages — without sending visitors elsewhere.
Bink offers three integration modes to fit any need: inline, popup widget, and popup link. Each one is set up in seconds from your dashboard.
Mode 1: Inline (iframe)
The inline integration places the booking calendar directly in your page via an iframe. It's ideal when you want the widget always visible, for example on a dedicated "Book" page.
Copy the iframe code from your Bink dashboard and paste it into your site's HTML. The widget adapts to the container width and shows real-time availability. You can customize the height to fit your layout.
Mode 2: Popup Widget (floating button)
The popup widget adds a floating button in the corner of your page. When a visitor clicks it, a modal opens with the booking calendar overlaying the content.
Just paste a script tag into your site. You can customize the button text, color, and position (bottom-right or bottom-left). It's the perfect solution for sites where you don't want to dedicate a fixed area to the widget but want it always accessible.
Mode 3: Popup Link (link or button)
The popup link is a simple HTML link or button that, when clicked, opens the calendar in a popup window. It's perfect for embedding bookings into a "Book now" button in your menu or anywhere on the page.
Copy the HTML code from the dashboard, customize the text and color, and paste it wherever you want on your site. The visitor clicks, the popup opens, and they can complete the booking without leaving your site.
Which mode should you choose?
Use inline if you have a dedicated booking page and want maximum visibility. Choose the popup widget if you want a button always present on every page. Go with the popup link if you want to integrate bookings at a specific spot on your page.
All three modes work on any website — WordPress, Wix, Squarespace, custom sites, or even a simple HTML page. The code is ready to copy and paste from the "Embed" section of each booking in your Bink dashboard.