Intégrez HolaOlas où vous voulez
Deux méthodes d'intégration : Web Components (recommandé) ou iframe.
Web Components
RecommandéNotre méthode d'intégration moderne et performante. Plus léger qu'une iframe, s'adapte automatiquement au design de votre site.
<!-- 1. Charger le script Web Component -->
<script src="https://holaolas.app/embed/holaolas-booking.js"></script>
<!-- 2. Utiliser le Web Component -->
<holaolas-booking
experience-id="[votre-experience-id]"
lang="fr"
show-carousel="true"
show-title="true"
show-description="true"
></holaolas-booking>Avantages
- Intégration native dans votre site
- Plus léger et plus rapide qu'une iframe
- S'adapte automatiquement au design de votre site
- Événements personnalisés pour suivre les réservations
Intégration par iframe
Alternative classique si vous préférez une isolation complète. Fonctionne partout.
<iframe
src="https://holaolas.app/[locale]/experiences/[id]?embed=1"
width="100%"
height="900"
style="border:0; border-radius:16px;"
allowfullscreen
></iframe>Quelle méthode choisir ?
Page Provider (page complète)
Affiche votre profil complet avec toutes vos expériences. Idéal pour une page dédiée ou une intégration iframe de votre catalogue.
Web Component (expérience unique)
Intègre une seule expérience directement dans votre site. Léger, rapide, s'adapte à votre design. Recommandé pour la plupart des cas.
Short Link (lien court)
URL courte et mémorisable pour partager vos expériences sur les réseaux sociaux, bio Instagram, etc. Chaque lien garde vos paramètres de personnalisation.
Où trouver votre code ?
Le code d'intégration complet (Web Component et iframe) est disponible dans le menu "Code" de chaque expérience dans votre dashboard.
