Display a schedule on your site

Use the WordPress block editor

The MotoPress Events Calendar plugin offers multiple blocks to help you create event schedules or single event pages using different layouts.

Add Events Calendar

Use WordPress Block: Events Calendar

1. Open the needed page or post.
Go to the page or post where you want to display the events calendar and open it in the WordPress block editor.

2. Insert the Events Calendar block.
Drag and drop the Events Calendar block onto your page.

3. Configure the Events Calendar block settings.
Click on the calendar and open the block settings from the right.

These settings allow you to customize the interface of the schedule as well as which events must be displayed.

The ‘Settings’ menu allows you to customize the interface of the schedule. It allows you to decide how calendar looks and works — for example, whether visitors see navigation, search, and filter buttons, which view it opens in (month, week, day, list), what time the day starts/ends, and which weekdays (if any) are hidden.

• Enable or disable calendar navigation, search bar (by event names), filters selector, and a calendar view selector.



• Specify the default schedule appearance (‘Initial calendar view’) – month, week, day, or list.



• Specify the Start and End Times for events to display in the timetable.



• Define the Time Interval for monthly and daily views in the timetable.



• Optionally select days of the week to hide in the calendar.

The ‘Filters’ menu lets you limit which events show in the calendar (by calendar, category, tag, organizer, location, day of week, or specific events).

You can select multiple calendars – in this case, events from all calendars will be shown in one single calendar.

4. Customize the width of the calendar/list.
The calendar width may vary depending on your default WordPress theme layout settings. To adjust it, simply click on the block layout settings and select your preferred block width.

Make sure to save or update the page/post once all settings are configured.

To display multiple calendars on the same page, just add the same Events Calendar block as many times as needed with the needed calendar selected in the block settings.

Use the WordPress block editor default WordPress block patters to play with some designs elements of the calendar/list of events.

Add Events Listing

Use WordPress Block: Events List

The Events List block is designed to display a structured, informative list of events. Using this block, you can:

– Highlight selected upcoming events within a defined time frame.
– Present each event clearly as a card with key details.
– For recurring events, optionally show a few nearest upcoming dates.

1. Open the needed page or post.
Go to the page or post where you want to display the events listing and open it in the WordPress block editor.

2. Insert the Events List block.
Drag and drop the Events List block onto your page.

3. Configure the Events List block settings.
Click on the calendar and open the block settings from the right.

• Enable or disable interface elements: navigation, search bar (by event names), and filters selector.
• Choose to show events scheduled for: the next week, the next month, the next year.
• Use the Template section to control the layout of the event cards, including:
  
  – Show or hide the event title/description/image/time.
  – Adjust the description length.
  – For repeating events, optionally enable ‘Show upcoming dates’.

  If you enable “Show upcoming dates”, a recurring event will display its nearest upcoming dates:

  

• To control which events appear in the listing, use the Filters section in the block settings.

Add Events Summary (Simple List)

Use WordPress Block: Events Schedule

The Events Schedule block is designed to display a compact, time-focused schedule of events for a selected period. Using this block, you can:

– Show a clear, chronological list of events focused on event time.
– Display every single occurrence of each event within a chosen period.
– Help visitors quickly see what happens and when, without extra details.

1. Open the needed page or post.
Go to the page or post where you want to display the events schedule and open it in the WordPress block editor.

2. Insert the Events Schedule block.
Add the Events Schedule block to your page using the block inserter or by searching for “Events Schedule”.

3. Configure the Events Schedule block settings.
Click on the Events Schedule block to open its settings panel on the right.

• Enable or disable interface elements: navigation, search bar (by event names), and filters selector.
• Choose to show events scheduled for: the next week, the next month, or the next year.
• To control which events appear in the schedule, use the Filters section in the block settings.

Use a shortcode

There are a few ways to create the events calendar shortcode.

Use the shortcode builder

The MotoPress Events Calendar plugin is supplied with a handy shortcode builder, which allows you to configure your shortcode settings in the visual customizer. Here is how to use it:

1. Go to the Events menu in your WordPress dashboard.
2. Click the hamburger menu icon (☰) in the top right.

3. Select Shortcode from the dropdown. This will open the shortcode builder panel with an intuitive interface to customize your calendar display. Configure exactly how your calendar will appear on your site.
4. Once you’re happy with the settings, click the copy shortcode icon to grab your custom shortcode.

5. Go to the needed page to insert the shortcode:
– If you’re using the Classic Editor: Simply paste the shortcode into the content area where you want the calendar to appear.
– If you’re using the Block Editor (Gutenberg): Add a Shortcode block to your page, then paste your copied shortcode into that block.
6. Preview your page before publishing to ensure the events calendar displays as expected.

Create a shortcode manually

You may use the Events Calendar shortcode instead of the dedicated WordPress block:

[event_calendar]

You can customize the calendar display using the following shortcode parameters:

• calendar_ids – choose which calendars to display by listing their IDs.

  Use a comma to separate multiple IDs. Find a calendar ID by going to Calendar → Calendars → Locate the needed calendar → Click Edit → Find “ID=X” in the URL, where X is your ID. Example:

  [event_calendar calendar_ids="1,2,3"]

• slot_duration – sets the time interval for each slot in the daily and weekly views of the calendar.

  Format: hh:mm:ss or hh:mm. Example:

  [event_calendar slot_duration="00:30"]

  Each grid slot will represent 30 minutes.

• slot_max_time – specifies the earliest time to be shown on the grid in the daily and weekly calendar views.

  Format: hh:mm:ss or hh:mm. Example:

  [event_calendar slot_max_time="08:00"]

  The grid will start displaying events from 8:00 AM.

• slot_min_time – specifies the latest time to be shown on the grid in the daily and weekly calendar views.

  Format: hh:mm:ss or hh:mm. Example:

  [event_calendar slot_min_time="18:00"]

  The grid will stop displaying events after 6:00 PM.

• hidden_days – select which days of the week should be hidden from the calendar view. Days are represented by numerical IDs:

  • 0 = Sunday
  • 1 = Monday
  • 2 = Tuesday
  • 3 = Wednesday
  • 4 = Thursday
  • 5 = Friday
  • 6 = Saturday

  Example:

  [event_calendar hidden_days="0,6"]

  This will hide Sundays and Saturdays from the calendar view.

• default_view – select the default view for the calendar when it is first loaded by the website visitor (they may switch it). Possible values:

  • month (monthly view)
  • week (weekly view)
  • day (daily view)
  • list (list view)

  Example:

  [event_calendar default_view="week"]

  The calendar will open in the weekly view by default.

Note: If the calendar is published, all events you add to it via the Events menu instantly become public.