Embed HolaOlas anywhere

Two integration methods: Web Components (recommended) or iframe.

On your existing website (booking stays on your domain).

Through a public, shareable link.

In a bio / link-in-bio page.

Web Components

Recommended

Our modern and performant integration method. Lighter than an iframe, automatically adapts to your site design.

<!-- 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>

Advantages

Native integration in your site
Lighter and faster than an iframe
Automatically adapts to your site design
Custom events to track bookings

Iframe integration

Classic alternative if you prefer complete isolation. Works everywhere.

<iframe 
  src="https://holaolas.app/[locale]/experiences/[id]?embed=1"
  width="100%"
  height="900"
  style="border:0; border-radius:16px;"
  allowfullscreen
></iframe>

Which method to choose?

Provider Page (full page)

Displays your complete profile with all your experiences. Ideal for a dedicated page or iframe integration of your catalog.

Web Component (single experience)

Integrates a single experience directly into your site. Lightweight, fast, adapts to your design. Recommended for most cases.

Short Link (short URL)

Short and memorable URL to share your experiences on social media, Instagram bio, etc. Each link keeps your customization settings.

Where to find your code?

The complete integration code (Web Component and iframe) is available in the "Code" menu of each experience in your dashboard.

REST API planned for 2026.