Booking Widget — Add Addagio to Your Website

Let customers book directly on your own website. The Addagio widget works in two modes: a floating button that opens your booking page in a popup, or an inline form rendered right inside your page.

Setup in 2 steps

1. Find your slug in Dashboard → Settings under "Booking URL" — it is the part after addagio.io/book/.
2. Paste the code snippet before the closing </body> tag of your website.

Floating button + popup

A "Book Now" button appears in the corner of your site. Clicking it opens your booking page in a clean overlay — customers book without leaving your site.

<script>
var addagioWidget = {
  slug: 'your-business-slug',
  buttonText: 'Book Now',
  color: '#C67B5C',
  position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>

Inline booking form

The full booking flow (services, calendar, checkout) renders directly inside your page layout — like Calendly inline. Add an empty div where you want the form.

<div data-addagio-inline="your-business-slug">
  <a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>

The inline frame auto-resizes to fit its content — no scrollbars, no fixed heights. You can place several forms on one page.

Full technical reference (all options, JavaScript API, platform guides) →

Frequently asked questions