Add Booking to
Any Website
Drop a single script tag and your customers can book directly from your site. Works with WordPress, Shopify, Squarespace, Wix, and any HTML page.
Quick Start
Copy this snippet and paste it anywhere in your HTML. That's it.
<script
src="https://addagio.io/embed.js"
data-vendor="your-vendor-slug"
></script>Customize Your Widget
Adjust settings below and see the result in real time.
<script
src="https://addagio.io/embed.js"
data-vendor="barber"
></script>Configuration Options
| Attribute | Default | Description |
|---|---|---|
data-vendor | "barber" | Your vendor slug (e.g. barber, spa, yoga, beach, villa). Determines which template and data to show. |
data-width | "100%" | Container width. Accepts CSS values like 100%, 480px, etc. Max width is always capped at 480px. |
data-height | "700px" | Iframe height. Recommended: 600px-900px depending on your template. |
data-theme | (template default) | Override the color scheme. Options: "dark" or "light". |
data-accent | (template default) | Override the accent color with a hex value (e.g. FF6B35, no # prefix). |
Examples
Basic — Barber booking widget
<script src="https://addagio.io/embed.js" data-vendor="barber"></script>Beach house rental with dark theme
<script
src="https://addagio.io/embed.js"
data-vendor="beach"
data-theme="dark"
data-height="800px"
></script>Spa widget with custom accent color
<script
src="https://addagio.io/embed.js"
data-vendor="spa"
data-accent="7D8B6E"
data-width="400px"
></script>WordPress — paste in a Custom HTML block
<!-- Add this in a Custom HTML block in the WordPress editor -->
<script
src="https://addagio.io/embed.js"
data-vendor="dental"
data-height="800px"
></script>Direct iframe (alternative method)
<iframe
src="https://addagio.io/embed/barber"
width="100%"
height="700"
style="border:none;border-radius:16px;max-width:480px;margin:0 auto;display:block"
loading="lazy"
title="Book an appointment"
></iframe>Why Use the Embed Widget?
One-line setup
Copy a script tag, paste it into your page. No build tools, no npm, no API keys.
Mobile responsive
Looks great on phones, tablets, and desktops. Auto-adapts to container width.
Fully customizable
Match your brand with theme, accent color, and sizing options.
Secure iframe
Runs in a sandboxed iframe. No CSS conflicts, no JavaScript leaks.
Works everywhere
WordPress, Shopify, Squarespace, Wix, Webflow, static HTML, React, Vue.
Lightweight
The embed script is under 1KB. Zero dependencies. Loads asynchronously.
Ready to add booking to your website?
Sign up for free, pick your template, and get your embed code in under 5 minutes.