Add booking to your website

1. Share your booking link

Every published booking page has its own link. Copy it from the Share this link banner on your dashboard (there is a QR code there too), then paste it anywhere — your Instagram bio, an email signature, or your Google Business Profile.

https://fastbook.ing/book/your-slug

Replace your-slug with your own — it is the part after /book/ in your link.

2. Add a “Book now” button

To turn the link into a button or call-to-action, point a normal HTML link at your booking page:

<a href="https://fastbook.ing/book/your-slug">Book now</a>

Most site builders (Squarespace, Wix, WordPress, Webflow) let you add a button block and set its link — just paste your booking link as the destination. No code required.

3. Embed the booking widget

To let customers book without leaving your site, drop in the embed script. It loads your booking page in a secure frame that resizes itself to fit. There are two modes.

The embeddable widget is available on the Plus and Pro plans. Once you're on a paid plan, your personalised snippet appears on your dashboard — copy it with one click.

Inline — on the page

The widget appears wherever you place the target element. Add an empty container, then the script:

<div id="fastbook"></div>
<script
  src="https://fastbook.ing/embed.js"
  data-slug="your-slug"
  data-target="#fastbook"
></script>

Modal — in a popup

The widget opens in a centered popup when a customer clicks your button. Point data-target at the trigger instead of a container:

<button id="book-now">Book now</button>
<script
  src="https://fastbook.ing/embed.js"
  data-slug="your-slug"
  data-mode="modal"
  data-target="#book-now"
></script>

Script options

Configure the embed with these data- attributes on the <script> tag.

Advanced: react to completed bookings

When a customer finishes booking inside the widget, it fires a fastbook:complete event on the host page. Use it to fire analytics, show a thank-you message, or redirect:

<script>
  window.addEventListener('fastbook:complete', (event) => {
    // event.detail.bookingId is the new booking
    console.log('Booking complete:', event.detail.bookingId);
  });
</script>