1. Enable embedding: In Administration / Portal configuration / Integration, embedding must be enabled.

• Enter the websites that are allowed to embed there (e.g. https://www.your-domain.com)
• Multiple domains/subdomains are separated by spaces
• A "*" allows embedding on all websites (not recommended)

2. Embed the webinar overview via iFrame: In Administration / Portal configuration / Integration, embedding must be enabled.

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

If you want to embed the booking page of a specific webinar instead of the webinar overview, this is possible by using the direct link to that webinar.

<iframe src="{insert direct link here}?embedded=true" width="90%" height="700px" name="iFrame"title="Your Title"></iframe>

The direct link can be found in the webinar settings under "Visibility for booking".

3. Dynamic resizing (optional): By default, the iFrame is embedded in a fixed area, so scroll bars may appear.
If you want the embedded area to resize automatically, you can use the iFrame Resizer extension (https://github.com/davidjbradshaw/iframe-resizer), which must be included on the website.
Example with dynamic frame resizing:

<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="Your Title"></iframe>

This automatically removes any potentially disruptive scroll bars.