Modern Events Calendar

[cs_content][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ _order=”0″ style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/6″ style=”padding: 0px;”][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Events-Calendar-Icon.jpg” alt=”Modern Events Calendar Plugin Icon” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][/cs_column][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”5/6″ style=”padding: 0px;”][x_custom_headline level=”h2″ looks_like=”h2″ accent=”false” class=”r8 mtm mbn” style=”font-weight: 700;”]Modern Events Calendar[/x_custom_headline][x_custom_headline level=”h3″ looks_like=”h3″ accent=”false” class=”r5 mtn” style=”color: hsl(0, 0%, 47%);font-weight: 300;”]Integrated Extension[/x_custom_headline][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 10px 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 10px 0px;border-style: solid;border-width: 1px 0px;border-color: hsl(0, 0%, 20%);”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h4″ looks_like=”h5″ accent=”false” class=”man” style=”font-size: 1.0em;”]Last updated: October 26, 2017 at 12:26 pm[/x_custom_headline][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 3% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”false” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 900;letter-spacing: 0.02em;text-transform: uppercase;”]Overview[/x_custom_headline][cs_text class=”cs-ta-justify” style=”font-weight: 400;”]

Modern Events Calendar is one of the most powerful event and ticketing solutions available for WordPress that both developers and site owners are sure to love! This plugin allows you to create unlimited events, sell tickets, and integrates with both PayPal and Stripe out the box.

In this article, we’ll cover some usage examples of how you can utilize Modern Events Calendar within your X/Pro powered site. We’ll mainly be focusing on how to use Modern Events Calendar and so may skip over some finer details.

Note: This article covers only a small portion of what you can achieve with Modern Events Calendar, make sure you take a look at the official documentation which is linked to in the Documentation section below to explore the full possibilities of this powerful tool.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]How to Install Modern Events Calendar[/x_custom_headline][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” class=”cs-ta-center” style=”margin: 0px auto;padding: 20px 0px 50px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”3/5″ style=”padding: 0px;”][cs_text class=”cs-ta-left”]

To Install Modern Events Calendar complete the following steps:

  1. Go to the Pro + Extensions > Overview page from your main WordPress Admin menu
  2. Scroll down to the Extensions section and locate the Modern Events Calendar extension
  3. Click the grey Install button
  4. After the extension installs, click the Go Activate button which will take you to the Plugins page
  5. Once there, scroll to the Modern Events Calendar plugin, and click the Activate link.

Once activated, a new menu item will be added to your main WordPress Admin menu called M. E. Calendar. Click that to get started.

[/cs_text][/cs_column][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”2/5″ style=”padding: 0px;”][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Events-Calendar-Menu.png” alt=”Modern Events Calendar Plugin Menu” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ class=”cs-ta-center” style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Getting Started[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]

Go ahead and click on the main M.E Calendar menu item and you’ll land on the main page which looks like this:

[/cs_text][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Event-Calendar-Extensions-Help-Doc-1.png” alt=”M.E Calendar” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][cs_text class=”cs-ta-justify mtl”]

You’ll notice that there are 5 events. By default when you install Modern Events Calendar it’ll create 5 events, these can be deleted via your wp-admin > M.E. Calendar > All Events.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ class=”cs-ta-center” style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Adding an Event[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]Click on Add Event and you’ll be taken to the new event page like this:[/cs_text][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Event-Calendar-Add-New-Event-Extensions-Help-Doc-2.png” alt=”Add New Event” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][cs_text class=”cs-ta-justify mtl”]

If you’ve ever used a events plugin for WordPress before you’ll be instantly at home here with many of the options being clear and concise such as start and end date, all day event, end times and all the usual functionality you’d expect. In addition there’s also the option to add an hourly schedule which could be useful if you have an event with a specific iternary. Once you’re happy with your events content go ahead and click on Publish.

[/cs_text][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][cs_text class=”cs-ta-justify”]

Viewing Your Events

By default Modern Events calendar places all event and the main calendar at your domain/events, i.e, example.com/events, that would display a page that’d look like this:

[/cs_text][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Event-Calendar-View-Events-Extensions-Help-Docs-3.png” alt=”View Events” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][cs_text class=”cs-ta-justify mtl”]

Clicking on an event would then show the individual details for the event including your description and any other relevant event information.

[/cs_text][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Event-Calendar-Daily-Extensions-Help-Doc-4.png” alt=”Daily Event” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][cs_text class=”cs-ta-justify mtl”]

If you don’t like the look of the standard /events archive page, you can use any of the included shortcodes with Modern Events Calendar and build your page using the content builder. For example you could create a custom page called “Events Archive” and add any elements and any page template you want, then just output the event archive on the page with the shortcode.

Shortcodes are available under M.E. Calendar -> Shortcodes within your wp-admin.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ class=”cs-ta-center” style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Payments[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]

Modern Events Calendar integrates a powerful booking module that allows you to charge for events and comes with built in payment gateways including Stripe and PayPal.

To configure the booking form, first you need to enable it under the main settings within your wp-admin.

[/cs_text][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][cs_text class=”cs-ta-justify”]text[/cs_text][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Event-Calendar-Settings-Extensions-Help-Docs-5.png” alt=”Settings” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][cs_text class=”cs-ta-justify”]

Once you’ve checked the box, then click on Save scroll back to the top of the page and on the left hand side you should see two new options called Booking Form and Payment Gateways.

[/cs_text][x_image type=”none” src=”https://formulawp.com/wp-content/uploads/Modern-Event-Calendar-Settings-Extensions-Help-Docs-6.png” alt=”Settings” link=”false” href=”#” title=”” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=”” class=”shadow”][cs_text class=”cs-ta-justify mtl”]

You can then configure the booking form fields and the payment gateways. The booking form itself can be overridden on individual events allowing you to change the required fields and add new fields depending on the event itself providing greater overall control.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ class=”cs-ta-center” style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Documentation[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]

As we mentioned further up, we’re only covering the basics on how to use Modern Events Calendar and not every option it provides. To learn more about Modern Events Calendar check out the official documentation here.

[/cs_text][/cs_column][/cs_row][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Bundled Version[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]

Users will frequently inquire about the version of Modern Events Calendar being utilized within X. Because of the way that we are utilizing the plugin with in X, it should be noted that the version of Modern Events Calendar included with the theme is made intentionally for numerous reasons. The following is just a few of the reasons why we do not always utilize the latest version of the Modern Events Calendar plugin:

  • Stability – Newer versions of software do not always equal greater stability. Oftentimes there are undiscovered bugs that are introduced with certain versions and are unknown until the product has been released to the public for some time. The version of the plugin that we bundle with the theme is more or less guaranteed to work without any issues as we take a great deal of time to test all functionality thoroughly before releasing it along with the theme.
  • Release Cycles – While we try to include the latest version of Modern Events Calendar with each release, occasionally the release cycle of the plugin will prevent this from being possible. Essentially, since we have no idea when Modern Events Calendar will be releasing new versions of the plugin, we cannot plan our releases around this. Because of this, if we have already begun the process of finalizing our release and submitting it to ThemeForest for review while Modern Events Calendar is putting out a new version of the plugin, that version of the plugin will not be able to make it into the theme until the next release at the earliest.
  • Not Always Necessary – Some of Modern Events Calendar releases have only included simple “bug fixes” without any huge additions or modifications to the rest of the plugin. Because of situations like this, it is up to our discretion whether or not a new release will make it into the theme or not based on the nature of the update.

Because of these reasons (among others), there is no need to register your license for Modern Events Calendar if you happen to have one. In fact, doing so is discouraged in order to prevent any potential conflicts when updating, as previously mentioned. If you happen to see a notification in your WordPress admin panel asking you to register Modern Events Calendar upon activation, simply dismiss this notice.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Conclusion[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]

Hopefully the information provided above has helped you to gain a better understanding of what to expect from utilizing Modern Events Calendar within Pro. Ultimately, there are a few things to take away from this article:

  • Modern Events Calendar is a extremely powerful and flexible plugin that will assist you with creating the perfect website.
  • The version of Modern Events Calendar included with the theme is an unmodified version of the plugin.
  • We do our best to ensure that the version of Modern Events Calendar included with Pro is as up-to-date as possible; however, this might not always be the case based on the reasons listed in the “Bundled Version” section above, which includes stability, release cycles, and the fact that not all updates are necessary.
  • Any questions concerning the usage of a Modern Events Calendar feature should be directed to the online documentation referenced in the “Documentation” section above.

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 3% 0% 0%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_custom_headline level=”h3″ looks_like=”h3″ accent=”true” class=”cs-ta-left r7 mtn” style=”color: hsl(0, 0%, 0%);font-weight: 500;”]Additional Resources[/x_custom_headline][cs_text class=”cs-ta-justify mtl”]

Themeco Modern Event Calendar Article

[/cs_text][/cs_column][/cs_row][/cs_section][cs_section parallax=”false” separator_top_type=”none” separator_top_height=”50px” separator_top_angle_point=”50″ separator_bottom_type=”none” separator_bottom_height=”50px” separator_bottom_angle_point=”50″ style=”margin: 0px;padding: 3% 0px 5%;”][cs_row inner_container=”true” marginless_columns=”false” style=”margin: 0px auto;padding: 0px;”][cs_column fade=”false” fade_animation=”in” fade_animation_offset=”45px” fade_duration=”750″ type=”1/1″ style=”padding: 0px;”][x_button shape=”rounded” size=”mini” block=”false” circle=”false” icon_only=”false” href=”/help/docs/” title=”Help Docs Glossary” target=”” info=”none” info_place=”top” info_trigger=”hover” info_content=””][x_icon type=”chevron-left” class=”mvn mln mrs”]Back to Help Docs Glossary[/x_button][/cs_column][/cs_row][/cs_section][cs_responsive_text selector=”.r14″ compression=”0.5″ min_size=”60px” max_size=”180px”][cs_responsive_text selector=”.r13″ compression=”0.7″ min_size=”50px” max_size=”150px”][cs_responsive_text selector=”.r12″ compression=”0.8″ min_size=”40px” max_size=”120px”][cs_responsive_text selector=”.r11″ compression=”1.0″ min_size=”30px” max_size=”100px”][cs_responsive_text selector=”.r10″ compression=”1.3″ min_size=”24px” max_size=”80px”][cs_responsive_text selector=”.r9″ compression=”1.6″ min_size=”20px” max_size=”64px”][cs_responsive_text selector=”.r8″ compression=”1.8″ min_size=”18px” max_size=”48px”][cs_responsive_text selector=”.r7″ compression=”2.0″ min_size=”16px” max_size=”36px”][cs_responsive_text selector=”.r6″ compression=”2.2″ min_size=”15px” max_size=”32px”][cs_responsive_text selector=”.r5″ compression=”2.2″ min_size=”14px” max_size=”28px”][cs_responsive_text selector=”.r4″ compression=”2.2″ min_size=”13px” max_size=”24px”][cs_responsive_text selector=”.r3″ compression=”2.2″ min_size=”12px” max_size=”20px”][cs_responsive_text selector=”.r2″ compression=”2.2″ min_size=”11px” max_size=”16px”][cs_responsive_text selector=”.r1″ compression=”2.2″ min_size=”10px” max_size=”14px”][/cs_content]