Widget de réservation — Ajoutez Addagio à votre site web
Permettez à vos clients de réserver directement sur votre propre site web. Le widget Addagio fonctionne en deux modes : un bouton flottant qui ouvre votre page de réservation dans une fenêtre popup, ou un formulaire intégré affiché directement dans votre page.
Installation en 2 étapes
- Trouvez votre slug dans Tableau de bord → Paramètres sous « URL de réservation » — c'est la partie après addagio.io/book/.
- Collez l'extrait de code avant la balise de fermeture </body> de votre site web.
Bouton flottant + popup
Un bouton « Réserver » apparaît dans le coin de votre site. En cliquant, votre page de réservation s'ouvre dans une superposition élégante — vos clients réservent sans quitter votre 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>Formulaire de réservation intégré
Le parcours complet de réservation (services, calendrier, paiement) s'affiche directement dans la mise en page de votre site — comme le widget inline de Calendly. Ajoutez un div vide à l'endroit souhaité.
<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>Le cadre intégré ajuste automatiquement sa hauteur au contenu — pas de barres de défilement, pas de hauteurs fixes. Vous pouvez placer plusieurs formulaires sur une même page.
Référence technique complète (toutes les options, API JavaScript, guides par plateforme) →
Questions fréquentes
Cela va-t-il ralentir mon site ?⌄
Non. Le script pèse 3 Ko et se charge de manière asynchrone — il ne bloque pas le rendu de votre page.
Est-ce compatible avec WordPress, Wix, Squarespace ou Shopify ?⌄
Oui. Collez l'extrait dans le pied de page de votre thème ou dans la section code personnalisé de votre éditeur de site. Toute plateforme acceptant du HTML personnalisé fonctionne.
Le formulaire intégré ajuste-t-il sa hauteur automatiquement ?⌄
Oui. Le formulaire intégré communique sa hauteur à votre page et le cadre se redimensionne automatiquement pendant que vos clients avancent dans les étapes de réservation.
Languages