1. Activation de l’intégration : Dans Administration / Configuration du portail / Intégration, l’intégration doit être activée.

• Indiquez ici les sites web autorisés à intégrer le contenu (par ex. https://www.votre-domaine.fr)
• Plusieurs domaines/sous-domaines sont séparés par des espaces
• Un "*" autorise l’intégration sur tous les sites web (non recommandé)

2. Intégrer la vue d’ensemble des webinaires via iFrame : Dans Administration / Configuration du portail / Intégration, l’intégration doit être activée.

<iframe src="https://ihr-account-name.ecosero.de/events/market?embedded=true" width="90%" height="700px" name="iFrame"title="Votre Titre"></iframe>

Si vous souhaitez intégrer directement la page de réservation d’un webinaire spécifique au lieu de la vue d’ensemble, cela est possible via le lien direct vers ce webinaire.

<iframe src="{insérer ici le lien direct }?embedded=true" width="90%" height="700px" name="iFrame"title="Votre Titre"></iframe>

Le lien direct se trouve dans les paramètres du webinaire, sous « Visibilité pour la réservation ».

3. Redimensionnement dynamique (optionnel) : Par défaut, l’iFrame est intégré dans une zone de taille fixe, de sorte que des barres de défilement peuvent apparaître.
Si vous souhaitez un redimensionnement automatique de la zone intégrée, vous pouvez utiliser l’extension iFrame Resizer (https://github.com/davidjbradshaw/iframe-resizer), qui doit être intégrée au site web.
Exemple avec redimensionnement dynamique du cadre :

<iframe src="https://ihr-account-name.ecosero.de/events/market?embedded=true&autoSize=true" onload="iFrameResize({ checkOrigin: false})" width="90%" height="700px" name="iFrame"title="Votre Titre"></iframe>

Cela supprime automatiquement les éventuelles barres de défilement gênantes.