How to Add an Events Calendar to Any Page
This guide shows you how to display your events on any WordPress page (a calendar, a list, or both), styled to match your theme. Everything here is available on the Free plan.
Step 1: Open the Page in the Block Editor
Open the page where you want events to appear (your Events page, a landing page, a sidebar page, or anywhere else). Eventonomy's blocks work on any page, not just a dedicated Events archive.
Step 2: Add a Calendar or Events List Block
Click + in the Block Editor and search for "Eventonomy." You have two main options:
| Block | Layout | Good for |
|---|---|---|
Calendar (eventonomy/calendar) |
Traditional month grid; each day cell lists that day's events | Visitors who think in dates |
Events List (eventonomy/events-list) |
Grid or list layout with a "Load more" control | High-volume calendars, visually-rich listings |
You can use either one on its own, or place both on the same page. Insert the block and, for the Events List block, open its Settings panel to set the per-page count or limit it to a category.
Step 3: Add Search & Filter (Strongly Recommended)
Place the Search & Filter block above your Calendar or Events List block. It has no settings of its own: it renders automatically and filters whatever block is below it on the page.
It is worth adding even if you don't want search, because this is the block that renders the view switcher. Without it, visitors have no way to move between Grid, List, Month and Upcoming.
Choosing a View
Eventonomy ships four views: Grid, List, Month, and Upcoming. Set which one opens by default and which ones visitors can switch between at Eventonomy → Settings → Display → Event views. With the switcher on (and Search & Filter on the page), visitors get a row of view tabs; each view is its own URL, so clicking one loads that page and carries any active filters across. Full details in Event Views.
Blocks inherit your theme's fonts and colors automatically, so there is no separate style panel to match.
Using the Shortcode Instead
If you're using the Classic Editor or a page builder that doesn't support Gutenberg blocks, use the shortcode equivalents:
[eventonomy_calendar view="month"]
[eventonomy_events per_page="6" view="list" category="music"]
[eventonomy_search]
Next Steps
- Calendar Block - settings and shortcode reference.
- Events List Block - settings and shortcode reference.
- Event Views - configuring default view, enabled views, and past events.