Two different calendars: The Events Calendar shows club events on your website, but members can't book facilities from it. Members book courts, lanes, and other facilities in Reservations > Make Reservation after logging in. Learn the difference.
A shortcode is a small piece of code, indicated by brackets like [this], that performs a dedicated function on your site. You can place it just about anywhere you’d like, and it will add a specific feature to your page, post, or other content.
The Events Organiser plugin offers a shortcode to display your calendar information. Here are some common shortcodes you can use:
Add a Monthly Calendar
For any Essentials or Premium plan webpage, you can add the code below to a webpage or post and the page will display the Monthly calendar.
[eo_fullcalendar headerLeft='prev,next title' headerCenter='' headerRight='today month,agendaWeek']
Here is what will appear on the page or post:
Add a Category Filter Menu
If your club uses event categories, you can add a dropdown menu so visitors can filter the calendar by category. Add the word category to one of the header sections:
[eo_fullcalendar headerLeft='prev,next title' headerCenter='' headerRight=' category']
You can also combine the category menu with the month and week buttons:
[eo_fullcalendar headerLeft='prev,next title, today month,agendaWeek' headerCenter='' headerRight=' category']
The calendar still loads with all events. Visitors choose a category from the menu to narrow it down.
Show Only One Category
To display only the events in one category, add category= followed by that category's slug. The calendar will load with only those events, and other categories won't appear.
For example, to show only Holiday events:
[eo_fullcalendar headerLeft='prev,next title' headerCenter='' headerRight='today month,agendaWeek' category='holiday']
IMPORTANT: Use the category's slug, not its display name. Find the slug under Events > Categories in the WordPress admin menu. Slugs are lowercase with dashes instead of spaces (for example, a category named "Swim Meets" usually has the slug swim-meets).
Show more than one category
List multiple slugs separated by commas:
[eo_fullcalendar headerLeft='prev,next title' headerCenter='' headerRight='today month,agendaWeek' category='holiday,swim-meets']
TIP: The word category does two different things depending on where you put it.
Inside a header option (headerLeft, headerCenter, or headerRight), it adds a dropdown menu for visitors.
As its own option (category='holiday'), it limits which events appear on the calendar.
If you're showing only one category, you don't need the dropdown menu, so leave category out of the header options.
Add a List Calendar
For any Essentials or Premium plan webpages, you can add the code below to a webpage or post and the page will display the List calendar. You can adjust how many events appear (numberposts="3"), choose not to show past events (showpastevents="false"), and surround it with linking HTML code.
[eo_events numberposts="3" showpastevents="false"] <a href="%event_url%">%start{F j, Y}% %event_title%</a> [/eo_events]
Here is what will appear on the page or post:
To show only one category in the list, add event_category= with the category's slug:
[eo_events numberposts="3" showpastevents="false" event_category="holiday"] <a href="%event_url%">%start{F j, Y}% %event_title%</a> [/eo_events]
More Shortcodes by Events Organiser
If you are interested in other ways to modify the view, you can find more documentation here: http://docs.wp-event-organiser.com/shortcodes/calendar/