Option B: script widget

For websites where you control the HTML. The widget renders directly into your page inside an isolated container, so neither your styles nor ours leak across.

Script snippet

<div id="eaif-courses"></div>
<script src="https://www.edgeaifoundation.org/embed/widget.js" data-partner-id="YOUR_PARTNER_ID"></script>

Attributes

Attribute	Required	Meaning
data-partner-id	yes	The partner ID we sent you.
data-target	no	Render into a different element ID than eaif-courses.

Note

The script tag must come after the target element in the page. If it runs first, the widget cannot find the element and logs an error to the console.

How your site is identified

The widget requests the catalog with your page’s Origin header, which browsers send automatically for cross-site requests. The request is accepted when the origin’s hostname is registered for your partner ID. No token is needed.

Next: Platform requirements for the Content-Security-Policy lines your site may need.