Technical

Embed Booking Widget


Add Addagio's booking functionality directly to your existing website. Clients can book without leaving your site.


Embedding options


Option 1: Inline embed


Embed your full booking page as a section on your website:


src="https://addagio.io/your-business/embed"

width="100%"

height="800"

frameborder="0"

style="border: none; border-radius: 12px;"

>


This shows your complete service list and booking calendar inline.


Option 2: Popup button


Add a "Book Now" button that opens your booking page in a modal overlay:



This is less intrusive and works well alongside existing page content.


Option 3: Floating button


Add a persistent floating button in the corner of every page on your site:



Customizing the widget


The embedded widget automatically uses your template colors. Additional customization options:



WordPress integration


For WordPress sites, we offer a plugin that makes embedding even easier:

  • Install "Addagio Booking" from the WordPress plugin directory
  • Enter your page slug in the plugin settings
  • Use the [addagio] shortcode or Gutenberg block anywhere on your site

  • Platform compatibility


    The embed works on:

  • Custom HTML/CSS websites
  • WordPress, Squarespace, Wix, Shopify
  • React, Vue, Angular apps
  • Any platform that supports custom HTML

  • Responsive behavior


    The embedded widget is fully responsive. It automatically adjusts to the container width and works on mobile devices. Set width="100%" for best results.


    Analytics


    Bookings made through the embed are tracked separately in your analytics, so you can see how many bookings come from your website vs. your direct Addagio link.

    embedwidgetwebsiteiframe