Upcoming Events Widget
Display a filterable, paginated listing of upcoming events.ConfigurationEnvironment
Embed CodeCopy this snippet into your website HTML.
<script src="https://widgets.understory.io/widgets/understory-upcoming-events-widget.js"></script>
<div class="understory-upcoming-events-widget"
data-company-id="dbeff52e8e0e61f55092c6ad7d40e937"
data-language="sv"
data-font="Raleway"
data-action-color="#c9cea7"
></div>
Attribute ReferenceAll available data attributes for the upcoming events widget.
data-company-idrequired
Your Understory company ID.string
data-storefront-id
Limit to a specific storefront.string
data-language
ISO language code (e.g. "en", "da").string
data-font
Google Font family name.string
data-action-color
Hex color for primary action buttons.string
data-layoutdefault: row
Layout direction for event cards."row" | "column"
data-show-filters
Show category/location filter controls."true" | "false"
data-show-read-more
Show a "read more" link on each event card."true" | "false"
data-show-extra-details
Show additional event details."true" | "false"
data-exclude-sold-out
Hide events that are sold out."true" | "false"
data-enable-load-more
Enable a "load more" button for pagination."true" | "false"
data-items-per-pagedefault: 6
Number of events per page.number
data-book-button-label
Custom label for the book button.string
data-localization-language
Override language for date/time localization.string
data-experience-ids
Comma-separated experience IDs to display.string
data-location-ids
Comma-separated location IDs to filter by.string
data-category-ids
Comma-separated category IDs to filter by.string