Intégration

Intégrez Avent-You
en 2 minutes

Lien direct, iFrame, script JS ou QR code — choisissez la méthode qui correspond à votre site et vos outils.

🔗 Lien direct🖼️ iFrame</> Script JS⬛ QR Code
Option 1 — La plus simple

Lien direct

Chaque parc dispose d'une URL dédiée sur book.avent-you.fr. Collez-la dans un bouton, une newsletter, vos réseaux sociaux ou votre signature email.

  • Aucune installation
  • Compatible partout
  • Page responsive mobile
  • S'ouvre dans un nouvel onglet
HTML
<!-- Bouton simple dans votre page HTML -->
<a href="https://book.avent-you.fr/mon-parc" target="_blank" rel="noopener">
  Réserver en ligne
</a>

💡 Remplacez mon-parc par le slug de votre espace (visible dans Dashboard → Widget).

Option 2 — Intégration dans la page

iFrame HTML

Intégrez le widget de réservation directement dans une page de votre site. Compatible WordPress (Elementor, Gutenberg), Wix, Webflow, Squarespace, Jimdo…

  • Expérience sans redirection
  • Hauteur personnalisable
  • Paiement Stripe inclus
  • Responsive automatique en mobile
HTML
<iframe
  src="https://book.avent-you.fr/mon-parc"
  width="100%"
  height="850"
  style="border:none; border-radius:12px; display:block;"
  allow="payment"
  loading="lazy"
  title="Réservation en ligne"
></iframe>

Où coller l'iFrame

WordPressWixWebflowSquarespaceJimdoShopifySite custom

💡 Sur mobile, la hauteur s'ajuste automatiquement à 95 % de l'écran si vous ne spécifiez pas height.

Option 3 — Une seule ligne

Script JS

Collez une seule balise <script> dans votre page. Le widget se crée et s'insère automatiquement à l'endroit du script. Idéal pour WordPress, Google Sites ou tout CMS acceptant du HTML personnalisé.

  • 1 seule ligne à coller
  • Hauteur ajustable via data-height
  • Injection automatique de l'iFrame
  • Aucune dépendance externe
HTML
<script
  src="https://book.avent-you.fr/widget.js"
  data-park="mon-parc"
  async
></script>

<!-- Hauteur personnalisée (optionnel) -->
<script
  src="https://book.avent-you.fr/widget.js"
  data-park="mon-parc"
  data-height="700"
  async
></script>

💡 data-height est optionnel. Sans lui, le widget fait 850 px sur desktop et 95 vh sur mobile.

Option 4 — Sans site web

QR Code personnalisé

Générez un QR code à vos couleurs depuis votre dashboard, imprimez-le sur vos flyers, panneaux d'entrée, menus ou kakémonos. Les visiteurs scannent et réservent instantanément.

  • Logo centré personnalisable
  • Export HD pour impression
  • Couleurs ajustables
  • Fonctionne sans site web
🖨️
Flyers & affiches
Imprimez en A5 ou A4 pour l'accueil
📋
Panneaux d'entrée
Scannez à l'arrivée, sans file d'attente
📱
Réseaux sociaux
Partagez l'image PNG dans vos posts
✉️
Newsletters
Intégrez l'image dans vos emails

💡 Le QR Code est accessible depuis Dashboard → Widget & QR Code une fois votre espace créé.

Quelle méthode choisir ?

Toutes les méthodes sont disponibles dès l'abonnement Pro.

MéthodeDifficultéExpérienceIdéal pour
🔗 Lien directNouvelle pageRéseaux, newsletter, email
🖼️ iFrame⭐⭐Dans la pageWordPress, Wix, Webflow
</> Script JS⭐⭐Dans la pageSites HTML, Google Sites
⬛ QR CodeApplicationFlyers, panneaux, print
🛡️

Politique de sécurité (CSP) — WordPress & plugins

Si votre iFrame affiche un écran blanc ou « contenu bloqué », votre site applique une politique CSP stricte. Autorisez https://book.avent-you.fr dans votre réglage frame-src.

En cas de doute, utilisez le lien direct— il n'est jamais bloqué par les CSP.