Skip to the content.

Usage

Add a calendar with the Luma Calendar block, the Elementor Luma Calendar widget, or the [luma_calendar] shortcode. A single event can be embedded with [luma_event id="evt-…"], featured as a hero with [luma_featured], or counted down to with [luma_countdown].

[luma_calendar] attributes

Attribute Values Default Applies to
view list, week, month, day, photo, summary, map, carousel site default (list) all
layout cards, compact, minimal site default (cards) List, Week, Day, Carousel
group_by day, month, none site default (day) List
tag a single Luma event tag (id or name) all
tags comma-separated tags — match any all
count integer (0 = site default) site per-page list-style views
date YYYY-MM (Month) or YYYY-MM-DD (Week/Day) current Week, Month, Day
calendar a calendar API id (organization mode) all all
filters true to show the search + filter bar off all
past true to show past instead of upcoming events off list-style views
from / to YYYY-MM-DD date-range bounds list-style views
offset integer — skip the first N events 0 list-style views
order asc (soonest) or desc (latest) site default list-style views
online online or in_person any all
free free or paid any all
pagination more (load-more) or numbers site default list-style views
quickview true to open events in a popup site default all
chrome 0 to hide the view-switcher toolbar shown all
excerpt_words integer — excerpt length site default (25) List, Carousel
show_cover / show_location / show_host / show_price / show_excerpt / show_tags / show_relative 1 (show) or 0 (hide) layout + site default card views

Single-event widgets

[luma_event], [luma_featured], and [luma_countdown] each take an optional id. Leave id blank on [luma_featured] / [luma_countdown] and they track the next upcoming event automatically.

Shortcode Purpose
[luma_event id="evt-…"] A single event’s details (summary + “register on Luma”).
[luma_featured id="evt-…"] A full-width hero banner for one event.
[luma_countdown id="evt-…"] A live ticking countdown to the event start.

Examples

[luma_calendar]
[luma_calendar view="week"]
[luma_calendar view="month" date="2026-07"]
[luma_calendar view="map" filters="true"]
[luma_calendar view="carousel" count="8"]
[luma_calendar view="list" layout="compact" group_by="month" count="20"]
[luma_calendar view="list" layout="minimal" count="5"]   (great for sidebars)
[luma_calendar view="list" past="true" count="10"]        (recent past events)
[luma_calendar view="list" from="2026-09-01" to="2026-09-30"]
[luma_calendar view="list" online="online" free="free" pagination="numbers"]
[luma_calendar view="list" show_excerpt="0" show_host="0" quickview="true"]
[luma_calendar view="photo" tag="Workshops"]
[luma_event id="evt-xxxxxxxx"]
[luma_featured]            (hero for the next event)
[luma_countdown]           (countdown to the next event)

Views

Visitors can switch views, filter (search, tags, online/in-person, free/paid), and move between dates without a full page reload (progressively enhanced; it works without JavaScript too). With Quick view enabled, clicking an event opens its summary in a popup instead of leaving the site. The featured hero, countdown, and the Upcoming Events sidebar widget all track the next event for you.

Display options

Under Settings → Luma-viewer → Display you can set site-wide defaults for the list layout and grouping, sort order, pagination style (load-more vs numbered), date/time format, excerpt length, which card elements appear (cover, location, host, price, excerpt, tags, relative date), category colors, a tag allow/deny policy, whether to show cancelled events, and whether Luma links open in a new tab. Every block, widget and shortcode can override these per instance.

Single-event pages

Each event is available at /<base>/<event-id>/ (base configurable under Settings → Luma-viewer → Display). These pages render within your theme and include a title and JSON-LD Event schema for SEO.

Time zones

Choose whether times display in each event’s own time zone or your site’s time zone under Settings → Luma-viewer → Display.