UI Admin - Upstate International

Embed Widget

Drop these snippets into any WordPress page to show the Classes and Events widgets. The script tag loads the embed bundle from the CDN; the widget divs activate the correct widget.

Open portal links in new tab (adds data-link-target="_blank")

Step 1

Add the script tag to your page (once per page)

Script tag

<link rel="preload" href="https://embed.uibeta.org/embed/staging/ui-embed.js" as="script">
<script defer src="https://embed.uibeta.org/embed/staging/ui-embed.js"></script>

Step 2

Place widget div(s) where you want them to appear

Classes widget

<div
  data-ui-widget="classes"
  data-api-url="https://ui-server-staging.fly.dev"
  data-portal-url="https://portal.uibeta.org"
></div>

Events widget

<div
  data-ui-widget="events"
  data-api-url="https://ui-server-staging.fly.dev"
  data-portal-url="https://portal.uibeta.org"
></div>

• The script tag and widget divs can live on the same page or different pages.

• The bundle URL is fixed — WordPress sites embed once and always get the latest build.

• No WordPress plugin required — copy-paste is the full integration.