Back to articles
Integration6 min read

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.

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.

Frequently asked questions

Does the widget work on WordPress, Wix or Squarespace?

Yes. All three modes are either HTML or a script to paste: they work on any site that lets you insert a code block, including WordPress, Wix, Squarespace and hand-written HTML pages.

Does the calendar show live availability?

Yes, the widget reads the same slots as your Bink page: if a time gets booked elsewhere it disappears here too.

Can I embed a form as well?

Yes, forms work the same way: the form settings give you the snippet to embed on your site.

Related guides

Ready to get started?

Create your page in minutes. No credit card required.

Start Building Free