Put your events on your own website.

1 · All your events and classes recommended

One list of everything you publish, kept up to date on its own. Upcoming events come first; a weekly class shows once, with its schedule and its next dates, instead of a card for every week. Turn on your history and your past events follow underneath, with a line like “Hosting events since March 2019 · 312 events”.

Your organizer slug is the part after /events/ in any of your event links: ummahunite.com/events/YOUR-ORGANIZER-SLUG/…

<div data-uu-organizer="YOUR-ORGANIZER-SLUG" data-uu-history="1"></div>
<script async src="https://www.ummahunite.com/embed.js"></script>

Options, added to the <div>:

• data-uu-history="1" adds your past events under the upcoming ones (six at a time, with “Show more”).
• data-uu-limit="6" shows only the next six upcoming events. The default is 12.
• data-uu-past="1" shows past events only, for an archive page.
• data-uu-credit="0" hides the small “Events & tickets by Ummah Unite” line under the list.

Clicking an event opens it in a window over your page: the event, its tickets and the checkout, all in your brand. The visitor pays there, sees their confirmation there, and closes it to land back on your page, where the list has already updated. Esc or the × closes it; on a phone it fills the screen.

The list uses the brand you set in Settings → Your brand (logo, name, colors, font, corners). With “Use my brand on event pages” switched on, the Ummah Unite name comes out of the list as well. Your dashboard’s Website embed page builds this snippet for you, with a live preview.

2 · One event: ticket card

A compact card with live tiers and prices. “Get tickets” opens the checkout window on your page.

<script src="https://www.ummahunite.com/embed.js"
  data-uu-event="YOUR-EVENT-ID" async></script>

Your event ID is in your dashboard URL: ummahunite.com/events/YOUR-EVENT-ID.

3 · One event: full page

Your entire event page — tickets, vendors, gallery, and working checkout — inside your site, in your brand, with all Ummah Unite navigation removed.

<script src="https://www.ummahunite.com/embed.js"
  data-uu-event="YOUR-EVENT-ID" data-uu-mode="page" async></script>

4 · Checkout button

Just a button. It opens the full checkout in the same window on your page. (The mode is still called popup so older snippets keep working; nothing opens in a new window.)

<script src="https://www.ummahunite.com/embed.js"
  data-uu-event="YOUR-EVENT-ID" data-uu-mode="popup"
  data-uu-label="Buy tickets" async></script>

Where to paste it

• WordPress: edit the page, add a Custom HTML block where the events should go, paste the snippet, and click Update. (WordPress.com needs a plan with plugins for scripts; your own WordPress install works as is.)
• Wix: in the editor click Add (+) → Embed Code → Embed HTML, choose Code, paste the snippet, click Apply, then stretch the box to full width and make it tall (about 1,200 px). Wix keeps embedded code in its own frame, so the checkout window opens inside that box.
• Squarespace: edit the page, add a Code block, keep it set to HTML with “Display source” off, paste the snippet, and save. (Code blocks run scripts on the Core plan and up.)

Live example