Share your course page or embed registration
The public page and a page for every date, plus the registration and schedule widgets for your own website.
Owners & adminsInstructors
Public course page
Every course has a public page at app.enrollclass.com/c/<your organization>/<course>. It shows the banner, dates to choose from, seats left, how the course runs, the price and a Register button. It works well on phones and includes structured data so search engines and AI assistants understand the dates and prices.
Copy it from Events → Copy link or from the last step of the wizard.
Embed on your own website
The wizard's last step shows a short code snippet. Paste it into any page (WordPress, Squarespace, Webflow, plain HTML). It shows your dates and takes the registration and payment right there.
<div data-gate-widget
data-gate-api="https://api.enrollclass.com"
data-gate-org="org_…"
data-gate-course="leading-safe"
data-gate-currency="USD"></div>
<script src="https://api.enrollclass.com/widget/v1/gate-widget.js" async></script>TIP Add data-gate-event="evt_…" to show just one date.
Schedule widget (list and calendar)
For a full schedule like a training company's website, open the course and copy the code under Website widget. It lists every date with quick filters (this month, next month, weekend, weekday, month), a calendar view, times in each visitor's time zone, a seat count, and a Fast filling card with the next date. Clicking Enroll Now opens registration right under the date.
<div data-gate-schedule
data-gate-api="https://api.enrollclass.com"
data-gate-org="org_…"
data-gate-course="leading-safe"
data-gate-ink="#0b1320" data-gate-accent="#16a34a"></div>
<script src="https://api.enrollclass.com/widget/v1/gate-schedule.js" async></script>TIP Options: data-gate-title (heading), data-gate-ink and data-gate-accent (your colours), data-gate-sidebar="off", data-gate-currency. Add ?gate_date=2026-11-20 to your page's address to open a date directly.