An events calendar on your website
The calendar shows the organization's events by sessions: a guest picks a show, opens the event and buys a ticket without leaving your site. Pick an embed format.
The calendar is embedded straight into the page and fills the block you give it. Good for an “Events” section: sessions are visible with no clicks at all.
How to add it to your site
Add a container and the script with the calendar attribute — view, contents and sections are configured via data attributes.
<div id="numior-sale-hub-events-calendar"></div>
<script async
src="https://salehub.numior.ru/widget/v1/loader.js"
data-numior-sale-hub-events-calendar
data-storefront="demo-shop"
data-theme="light"
data-locale="en"
data-mode="inline"
data-view="month"
data-categories="true"
data-target="#numior-sale-hub-events-calendar"></script>Parameters
- data-storefront
- Storefront slug — required.
- data-mode
- Display format: modal, inline, or redirect.
- data-target
- CSS selector of the container — inline mode only.
- data-theme
- Interface theme: light or dark (default light).
- data-locale
- Interface language, e.g. ru or en.
Extra calendar parameters
- data-view
- View: month (month grid) or agenda (day-by-day list).
- data-scope
- Contents: own (own events only) or own_and_participation (plus participations).
- data-sections
- Event page sections, comma-separated: gallery, participants, bloggers, news.
- data-categories
- true — show the category filter to guests above the calendar.