holaOlas logo
holaOlas logo

Intégrez HolaOlas où vous voulez

Deux méthodes d'intégration : Web Components (recommandé) ou iframe.

Sur votre site existant (réservation sans sortir de votre domaine).
Via un lien public prêt à partager.
Dans une page bio / link-in-bio.

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.

API REST en préparation pour 2026.