Embed an events widget on your website

With an events widget you show a list or calendar of several events at once on your own website — for example all upcoming dates of one recurring event. Visitors pick an event and buy tickets without ever leaving your site.

Create a widget

1. In your dashboard, go to Widgets and click New widget.
2. Give the widget a name (only you see this).
3. Choose which events it shows:
   • All upcoming events — everything that is published and in the future.
   • Events from templates — all upcoming events of the templates you pick; new dates appear automatically.
   • Manually selected events — exactly the events you tick.
   • Events at locations — all upcoming events at the chosen locations. You can additionally limit the widget to a date range.
4. Pick the view: a compact list or a month calendar. On small screens the calendar automatically falls back to the list.
5. Choose the default language (visitors' dates and labels follow it).

Colors and styling

Under Appearance you can override the primary color, background color, and text color, and pick a corner radius. Anything you leave unset inherits your organization branding. Power users can add custom CSS targeting the stable class names shown in the form (.ctx-widget, .ctx-event-card, .ctx-calendar, .ctx-day, .ctx-event-entry).

Put it on your website

After saving, copy the embed snippet and paste it into your website's HTML. Because the snippet only references the widget by ID, you can change the widget's events, view, or styling later without touching your website again.

Good to know

• Only published, upcoming events appear; past events drop out automatically.
• Sold-out events stay visible with a "sold out" badge.
• Checkout happens inside the widget — buyers never leave your site.
• For a single event, see the embedded checkout guide.