1. Freischaltung der Einbettung: In der Administration / Portal-Konfiguration / Integration muss die Einbettung freigeschaltet werden.

• Tragen Sie dort die Webseiten ein, die einbetten dürfen (z. B. https://www.ihre-domain.de)
• Mehrere Domains/Subdomains werden mit Leerzeichen getrennt
• Ein "*" erlaubt die Einbettung auf allen Webseiten (nicht empfohlen)

2. Einbettung per iFrame Webinar-Übersicht: In der Administration / Portal-Konfiguration / Integration muss die Einbettung freigeschaltet werden.

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

Wenn statt der Webinar-Übersicht direkt die Buchungsseite eines bestimmten Webinars eingebettet werden soll, wäre dies durch die Nutzung des Direktlinks zu einem bestimmten Webinar möglich.

<iframe src="{Direktlink hier einfügen}?embedded=true" width="90%" height="700px" name="iFrame"title="Ihr Titel"></iframe>

Der Direktlink ist in der Webinar-Pflege unter "Sichtbarkeit für Buchung" zu finden.

3. Dynamische Größenanpassung (optional): Die Einbettung im iFrame erfolgt standardmäßig in einem fest definierten Bereich, so dass ggf. Scrollbalken angezeigt werden.
Wenn eine automatische Größenanpassung des eingebetteten Bereichs gewünscht ist, können Sie die Erweiterung iFrame Resizer (https://github.com/davidjbradshaw/iframe-resizer) verwenden, die auf der Webseite eingebunden werden muss.
Beispiel mit dynamischer Anpassung der Framegröße:

<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="Ihr Titel"></iframe>

Dadurch werden ggf. störende Scrollbalken automatisch entfernt.