Event Modules

In MEC, we offer a variety of event modules that you can use to enhance the functionality of your event calendar. In this guide, we will walk you through each module and provide step-by-step instructions on properly displaying the single event page. The modules are:

Speakers, Organizers, Sponsors, Locations, Countdown, Map, Exceptional Days, Local Time, Progress Bar, Event Gallery, QR Code, Weather, Related Events, Social Networks, Export, Next Event, Next/Previous Events, SMS.

Speakers

 
With the Modern Events Calendar speaker module, you can easily add speaker specifications for your event. This allows you to provide the audience with the necessary contact information for each speaker. To use this feature, you need to go to MEC Settings > Event Modules > Speakers and check the Enable speakers feature option.

To create a new speaker, navigate to M.E. Calendar and select Speakers. To ensure that the speakers’ section appears in the single events sidebar, go to MEC Settings > Single Event > Sidebar and enable the speaker’s option.

Click here to read more about Modern Events Calendar single sidebar.

Then you can search for your speaker’s name under the Speakers section of your event settings page (just like a tag).

Add / Edit Speaker

Every speaker has the following fields shown in the images:

Hourly Schedule

You will also see this option in the hourly schedule menu so that you can add more precise and applicable time frames to the single event.

Organizers

If your event has a specific organizer, then you can easily set it up through this option. You can also add multiple organizers.

How to Add Organizer to An Event in MEC

You need to enable the additional organizer option by going to MEC Settings > Event Modules > Organizers:

1. Organizer Description: Enabling this option will add the organizer description textbox to the organizer’s edit page.

2. Show additional organizers option on Add/Edit Events page and Single Event page: This option will display an additional organizer on your single event page.

3. Enable Description For Other Organizers: With this option, you can display additional descriptions for the organizers.

4. Enable Display Social Links For Organizers: This option will display the social media links for other organizers.

You need to follow the steps below to add an organizer:

1. Enter your organizer’s name in this field.

2. Fill out your organizer’s slug (permalink) here.

3. Description for organizer: To enable this option in the event, you need to enable MEC Settings > Event Modules on the single event settings. You can also navigate to the additional organizer tab to enable this item for additional organizers.

4. Put your organizer’s phone number in this field.

5. Fill out the organizer’s email.

6. Organizer’s page URL (which you can create separately) or any other link.

7. Organizer’s Page Label or any other text.

8. Organizer’s Facebook page URL.

9. Organizer’s Instagram page URL.

10. Organizer’s LinkedIn URL.

11. Organizer’s Twitter page URL.

12. Upload the organizer image.

Follow the instructions to assign your organizer to your event:

1. To set an Organizer in a single event, navigate to the Organizer tab and set up an Organizer for your event from the list.
2. You can choose in the same way for the additional organizers.
3. You can also create an Organizer with the information above for the Event Main Organizer.
4. Front-end Event Submission works in the same way as above.
5. This is also how it is displayed in the events.
6. You can also sort the organizers in this section.

Or to insert a new organizer:

You can change the ordering of the additional organizer’s list with drag and drop. The organizer’s section on the single event page should look like this:

Additional Organizers

You can insert your additional organizers by going to Single Event Edit Page > Event Details > Organizers > Other Organizers.

Your additional organizers will be shown as follows on your single event page:

Sponsors

By enabling this feature from MEC Settings > Event Modules > Sponsors, you will be able to add single or multiple sponsors to your event.

After enabling and saving the settings, you should reload the page to see a new menu in the WP Dashboard > MEC.

You can add the sponsors here with their names, descriptions, links, and logos. However, it is possible to add the sponsors directly from the single event edit page as well.

Locations

 
The location section of the Modern Events Calendar is very simple and easy to use. Here we will explain how to add a location and use it multiple times for different events.

This section also includes an important field (Address) for those who want to set up Google Maps API in their event. Of course, if you want to set up an event quickly, you have several options for configuring the location section of each event.

How to Create and Use Location in Modern Events Calendar?

1. Enter your location name.

2. Enter a slug for your location.

3. Enter the description of your location here.

4. Google key, which should be configured in settings, will be using this address to show the map on the front end.

Note: To auto-suggest an address, you should make sure to set the correct Google Map API.

After adding the location to the Location Menu, you can assign it to your desired event.

You can also enter a new location in the event post type manually. Just click on a drop-down and select Insert New Location, as the following example:

5 & 6. Latitude/Longitude will be filled automatically if you use the Google Map module.

7. Enter your location’s website here.

8. You can set a thumbnail for your location using this option.

There is another way to add a new location. You need to use the Insert New Location option under the Location/Venue tab in Event Details of your single event settings.

Note 1: To auto-suggest an address, You should get the Google Map API through the description of this article. Also, If you need to use OpenStreetMap, note that this feature is not available in MEC PRO, but, you can do this by using Advanced Map Addon and changing the map.

Note 2: You can use the optional Latitude and Longitude fields to record the geographic location of your event. You can also use this free online service to get these coordinates.

Additional Locations

To activate the Additional Locations feature, you need to go to MEC Settings > Event Modules > Locations and activate the Show Additional Locations option on Add/Edit events page and single event page option.

After enabling it, you can enter your additional locations by going to Single Event Edit Page > Event Details > Location/Venue > Other Locations.

Your additional locations will be shown as follows on your single event page:

Location Description

You can display a description of your locations by enabling this option. (If you also want to add a description for additional locations after activation please save the settings and refresh the page afterwards, then navigate to the additional locations tab)To access custom fields on the frontend event submission form, go to MEC Settings and select Frontend Event Submission. Then, navigate to FES Sections and enable Event Data Fields. This will give you access to the custom fields you’ve created. To access custom fields on the frontend event submission form, go to MEC Settings and select Frontend Event Submission. Then, navigate to FES Sections and enable Event Data Fields. This will give you access to the custom fields you’ve created.

Countdown

Using countdown options and its widget, you can bring more attention to certain programs and their timeline. You can enable this feature from MEC Settings > Event Modules > Countdown for every program or event with a simple checkmark. There are two styles that you can choose from: Plain Style and Flip Style.

Map

The map module in Modern Events Calendar is set for easy integration with Google Maps. Once the Modern Events Calendar is integrated with it, it will show your event location on a map.

Note: The map module is only available in MEC Pro.

This module needs an API key to interact with Google Maps API and fetch your requested map.

To activate and configure this module, you need to go to MEC Settings > Event Modules > Map and check the Show Map on event page option.

Google Maps API Key

Follow the steps explained in this article in order to receive your Google Maps API key.

• Note 1: You need to enable Maps JavaScript API from Google API Library.
• Note 2: You can enable more APIs from Google API Library, e.g., Place API, Direction API, Geocoding API, Google Calendar, etc. (All in One API)
• Note 3: If you want to use OpenStreetMap instead of Google Maps, you need to purchase and use our Advanced Map addon.
• Note 4: To use GPS coordinates (latitude and longitude), first, you need to enable Google Maps Geocoding API for your API Key and to add GPS coordinates, you can use latlong.net.

You can also use an Address to find it automatically in Google Maps (it works just for enabled Google Maps API).

Zoom level

You can change the zoom level of your map using this option.

Google Maps Style

Set a style for your map to be shown on the single event page. You can find the previews of these styles in this link.

Direction on single event

There are two different styles for showing your exact location on the map.

• Simple Method
• Advanced Method

Lightbox Date Format

Using this field, you can define the date format of your lightbox.

Google Maps API Load

Don’t load Google Maps API library: By activating this option, the Google Maps API library won’t be loaded on your website anymore (this might cause some issues while loading the map).

Fullscreen Button

If you want to have a fullscreen button on your map, you can enable this option.

How to resolve the issue of Google Maps not showing Up In the MEC Plugin Events?

This particular error can have several reasons.

1. Check to see if you have put Google Map API in MEC and settings or anywhere else.

2. Make sure that you don’t have another Google API key in the plugins, your theme, or anywhere else. Please note every site should have only one Google API key. It means if you have put the API in your theme, you don’t need to put it in the setting, MEC, or the plugins.

Note: If you activate Google API on your WordPress plugin or theme by checking this box, MEC will not load API again.

Exceptional days

The Exceptional Days option in Modern Events Calendar is for those events that occur every day of the month or their repetitive schedule requires some days to be excluded

You can enable this option by going to MEC Settings > Event Modules > Exceptional Days and activating the Show Exceptional Days option on Add/Edit events page checkbox. Using this option, you can exclude certain days from the period that your event goes on.