Skip to content
No results
MEC Knowledgebase
  • Installation
    • Installation
    • Activation
    • Auto Update
    • Manual Update
    • Change License Domain
  • Settings
    • General
    • Archive Page
    • Slugs/Permalinks
    • Currency
    • View All
  • Single Event
    • Single Event Settings
    • How to Add Event In MEC Plugin?
    • MEC Single Sidebar
    • Custom Fields
    • View All
  • Event Modules
    • Speakers
    • Organizers
    • Locations
    • Map
    • View All
  • Booking Settings
    • Booking Module
    • Booking Elements
    • Booking Form
    • Payment Gateways
    • View All
  • Event Submission
    • General
    • Access Level
    • FES Sections
    • Required Fields
    • View All
  • Integrations
    • Mailchimp
    • Paid Memberships Pro
    • BuddyPress
    • LearnDash
    • View All
  • Notifications
    • Booking Notification
    • Booking Confirmation
    • Booking Reminder
    • Admin Notification
    • View All
  • Addons
    • Elementor Single Builder Addon
    • Ticket and Invoice Addon
    • Event Seat Addon
    • Virtual Events Addon
    • View All
  • Other
    • Appearance Settings
    • Translation
    • Knowledge
    • Troubleshooting
    • Developer
MEC Knowledgebase

  • Categories
    • Installation
      • Installation
      • Activation
      • Auto Update
      • Manual Update
      • Change License Domain
    • General Settings
      • General
      • Archive Pages
      • Slugs/Permalinks
      • Currency
      • View All
    • Single Event
      • Single Event Settings
      • MEC Single Sidebar
      • How to Add Event In MEC Plugin?
      • Custom Fields
      • View All
    • Event Modules
      • Speakers
      • Organizers
      • Locations
      • Map
      • View All
    • Booking Settings
      • Booking Module
      • Add a Booking System
      • Booking Form
      • Organizer Payment Settings
      • View All
    • Event Submission
      • General
      • Access Level
      • FES Sections
      • Required Fields
      • View All
    • MEC Integrations
      • Mailchimp
      • BuddyPress
      • LearnDash
      • Paid Memberships Pro
      • View All
    • Notifications
      • Booking Notification
      • Booking Confirmation
      • Booking Reminder
      • Admin Notification
      • View All
    • Addons
      • Elementor Single Builder Addon
      • Ticket and Invoice Addon
      • Event Seat Addon
      • Virtual Events Addon
      • View All
    • Other
      • Appearance Settings
      • Translation
      • Knowledge
      • Troubleshooting
      • Developer

Submit a Ticket
MEC Knowledgebase

Toggle
  • How to Build Advanced Shortcodes in Modern Events Calendar?
    • Display Options
      • Skin
      • Style
      • Start Date
      • Maximum Date
      • Date Format
      • Limit
      • Include Local Time
      • Include Events Time
      • Load More Button
      • Show Month Divider
      • Display Normal Labels
      • Display Reason for Cancellation
      • Display Categories
      • Display Organizers
      • Show Map On Top
      • Geolocation
      • Disable Geolocation Force Focus
      • Booking Button/Icon
      • Display Custom Fields
      • Single Event Display Method
    • Making Advanced Shortcodes
    • Search Form
    • Filter Options
      • Categories
      • Locations
      • Organizers
      • Labels
      • Tags
      • Authors
      • Expired / Ongoing Events
      • Occurrences

Shortcodes

Making Advanced Shortcodes

Making Advanced Shortcodes in Modern Events Calendar gives you an unlimited capacity to style your layout based on your preferences and have the best user experience possible.

With the variation noted below, you can easily use adjustable alternatives even if you are not a web developer.

How to Build Advanced Shortcodes in Modern Events Calendar?

Making Advanced Shortcodes

Note: Click here if you want to find the best way to show your events based on dates. After adding your event, Modern Events Calendar enables you to make a calendar from all of the events with adorable skins and nice and tidy styles.

Also, it has a powerful filtering tool to create a new calendar.

In order to Add/Edit your custom shortcodes, you need to go to M.E. Calendar > Shortcode > Add Shortcode.

This is the overview of adding a calendar with custom shortcodes:

Display Options

Making Advanced Shortcodes

Skin

  • List View
  • Grid View (has the option to set grids col, this option will be enabled when grid view is selected)
  • Carousel View
  • Full Calendar
  • Calendar/ Monthly View
  • Daily View
  • Weekly View
  • Map View 
  • Cover View
  • Countdown View
  • Slider View
  • Module View – Full Calendar
  • Yearly View
  • Agenda View
  • Available Spots View
  • Timetable View
  • Masonry View 
  • General Calendar View 

Style

In the Modern Events Calendar, you can assign styles to skins. This means that every skin can appear with a certain familiar style:

  • Minimal
  • Modern
  • Standard
  • etc.

Start Date

Calendar date start options:

  • Today
  • Tomorrow
  • Start of the current month
  • Start of next month
  • On certain date

Maximum Date

Show events before the specified date.

Date Format

You can set the date format in this field. For more information, refer to the following documentation: All Date Formats.

Limit

This is the limit for displayed posts. If the limit value equals 5, a calendar will include five events according to the categories you have set up and the filters you have chosen.

Include Local Time

Show the local time of the events on the shortcode. For more information, refer to the following documentation: Local Time Module.

Include Events Time

Show the time of the events on the shortcode.

Load More Button

If you want to load more events than the limits you have already set, enable this option. This will show a load more button.

Show Month Divider

Separates (divides) the events based on the month.

Display Normal Labels

Show normal labels on the shortcode. For more information, check the following documentation: Events Labels.

Display Reason for Cancellation

Show the reason for cancellation on the shortcode. For more information, check the following documentation: SEO Schema / Event Status.

Display Categories

Show the Categories of the event on the shortcode. For more information, check the following documentation: Categories.

Display Organizers

Show Organizers of the event on the shortcode. For more information, check the following documentation: Organizer / Additional Organizers.

Show Map On Top

Add a map at the top of the shortcode. For more information, check the following documentation: Map Module.

Geolocation

Show the geolocation of the events in your shortcode.

Disable Geolocation Force Focus

If you enable this option, auto-zoom at the first loaded map will be disabled.

Booking Button/Icon

It will add a new button or icon, or text link to the shortcode to show the booking as a popup.

Display Custom Fields

By enabling this option, you can enable custom fields on shortcodes. For more information, check the following documentation: Custom Fields.

First, you need to enable a custom field and set values on the event.

Then enable this option on shortcode settings: Then you can see custom fields on shortcodes as a popup.

Single Event Display Method

  • Current Window: Events will be shown with another link in the current window.
  • New Window: Events will be shown in another link in a new window.
  • Modal Popup: You can show single events on the same link as a pop-up by selecting this option.
  • Disable Link: By selecting this option, you can disable the event link.

You can enable/disable images in the event content.

Making Advanced Shortcodes

After setting up your calendar, Modern Events Calendar will generate the shortcode for using a calendar anywhere you like!

Search Form

Search Form

You can add a search option to your shortcode here. Also, you can see some options on top of this form.

  • Show Labels
  • Show Reset Button
  • Refine Search Parameters

The Refine Search Parameters option in the Search Form section enables layer-by-layer search. If this option is enabled, you can limit the search more and more.

For instance, you have 100 events in location Z. Organizer X has 20 events from these 100 in this location.

By enabling this option, you first search location Z, and then if you search Organizer X, you only get the 20 events that they are doing in location Z.

Organizer X might have other events in other locations. If this option is disabled, then all of their events in every location are displayed.

  • Category (Dropdown: search one category at the same time, Checkboxes: search multiple categories at the same time)
  • Location
  • Organizer
  • Speaker
  • Tag
  • Label
  • Address
  • Event Cost
  • Date Filter (Year & Month Dropdown, Date Picker)
  • Time Filter (Local Time Picker)
  • Text Search

Filter Options

Filter Options

Modern Events Calendar can filter events on the calendar by checking the box that refers to details of an event.

Categories

You can filter your shortcode to show events based on category using this option.

Locations

You can filter your shortcode to show events based on location using this option.

Organizers

You can filter your shortcode to show events based on the organizer using this option.

Labels

You can filter your shortcode to show events based on the label using this option.

Tags

You can filter your shortcode to show events based on the tag using this option.

Authors

You can filter your shortcode to show events based on author using this option.

Expired / Ongoing Events

You can filter your shortcode to show events based on their status using this option.

Set the following date methods to show events:

Expired Events

  • Include Expired Events: You have the ability to include past/expired events if you like. It will show upcoming and expired events based on the start date that you selected.
  • Show Only Expired Events: It shows only expired/past events. It will use the selected start date as the first day and then go to older dates.

Ongoing Events

  • Include Ongoing Events: It includes ongoing events on List, Grid, Agenda, and Timeline skins.
  • Show Only Ongoing Events: It shows only ongoing events on List and Grid skins.

Click here to read more about the date options in Modern Events Calendar plugin.

Occurrences

Enable this option if you need to show only one occurrence of your events.

Note: You can exclude specific tags, labels, organizers, categories, and all the taxonomies from the calendar.

Share

Related Articles

  • General Calendar View Skin Settings
  • Tile View Skin Settings
  • Timeline View Skin Settings
  • Masonry View Skin Settings
  • Agenda View Skin Settings

Report Out Dated Content

If you think the content of this page does not reflect updated information, please let us know.

Report Now
4
Login Submit
51 Comments
alexd0001 September 9, 2020
| |

Hi, is it possible to show a descriotion in Grid view from shortcode? – Or can i do a shortcode manually?
thx for an answer – best regards – alex

1 0
0
Reply
Sarah Wang September 13, 2020
| |
alexd0001 Hi, is it possible to show a descriotion in Grid v

Hello,
in order to customize the single event page and shortcode, you can use these addons.
https://webnus.net/dox/modern-events-calendar/mec-shortcode-designer-addon/

or you can override the default templates.
https://webnus.net/dox/modern-events-calendar/overriding-mec-shortcodes-skin/

0 0
0
Reply
GCompton July 18, 2020
| |

How can I set the calendar start date to ‘date of the next event’?

0 0
0
Reply
Sarah Wang July 20, 2020
| |
GCompton How can I set the calendar start date to 'date of

Hello,
Unfortunately, this is not possible in all views
You can use these views.
https://webnus.net/modern-events-calendar/countdown-type-1/
https://webnus.net/modern-events-calendar/countdown-view-fluent-style/
https://webnus.net/modern-events-calendar/available-spot/
https://webnus.net/modern-events-calendar/available-spot-view-fluent-style/

0 0
0
Reply
iko June 20, 2020
| |

Hello,
is it possible to have a date filter in the grid or tile view in order to give the possibility to select events only in the date selected?
Many thanks

0 0
0
Reply
Sarah Wang June 20, 2020
| |
iko Hello, is it possible to have a date filter in the

Hello,
unfortunately, it’s not possible.
you can filter shortcodes by month.

0 0
0
Reply
confuziacul June 9, 2020
| |

Hi. Could you please advise about how to make a shortcode for every single category? In my options only got calendar skins but sadly no categories to select nor options besides celendar events. ?
Thank you

0 0
0
Reply
Sarah Wang June 17, 2020
| |
confuziacul Hi. Could you please advise about how to make a sh

Hello,
make sure you have the latest version.
For troubleshooting, deactivate all your plugins and let the MEC remain active only, set your theme on default, then reload the page, if the issue was solved, then activate your plugins one by one and your theme, refresh your page and check to see which plugin is causing the issue.

if the issue remains, please go to support.webnus.net and there you can log in or sign up. to create a new ticket, simply head over to webnus.net/support and click on ‘Create a Ticket’ and share the required information.
sending screenshots or a short video and live URL of the issue would be helpful.
explain to us step by step how you set up this and how the issue happens?
https://www.loom.com

0 0
0
Reply
andycoe May 14, 2020
| |

Hi is it possible to display different lists on two individual pages defined by say category? We are a motorcycle club and have two distinct types of events, riding and social. I would like to display each in separate calendar views.

0 0
0
Reply
Sarah Wang May 18, 2020
| |
andycoe Hi is it possible to display different lists on tw

Hello,
yes, you can create two separate shortcodes with different filter options and put their shortcodes on two separate pages.

0 0
0
Reply
Load More

Still no luck? We can help!

If you did not find what you were looking for, please submit a ticket in our support system.

Submit a Ticket
Webnus Banner
Modern Events Calendar

Please read our Terms and Conditions and Privacy Policy.

Review us on Trustpilot

Copyright © 2023. All rights reserved. Webnus Inc.