Subscribe to our YouTube for the latest product updates and more! Subscribe now
How can we help?

Event Calendar

An interactive calendar that stylishly displays your upcoming event dates and details.

Installing The Plugin

The installation process is the same for all the addons, offered by WP Event Manager. They can be both installed automatically and manually.

  1. Automatic Installation : You can install the plugin from the backend of your WordPress. Click Here to see how you can install the plugin automatically.
  2. Manual Installation : You can also install the plugin manually using SFTP or FTP tools FTP tool as well. Click Here to see how you can install the plugin manually.

Watch the entire video for better understanding

Events Calendar on Event Listing Page

After installing and activating the plugin.

  • The Event Calendar icon appears on the Event listing page as shown in the below-mentioned screenshot. Clicking on that icon will help you display the event calendar with all the available events on the website.
  • Wp Event Manager Event Calendar

The Shortcode for Event Calendar

To display the Calendar on a specific page, you need to add the event calendar shortcode in the description area of the page.

  1. Create a new page from WP-admin >> Pages >> Add New.
  2. Add a suitable title to it.
  3. Add the following shortcode inside the content area:
  4. [events_calendar]
  5. In order to sort the events by category or types, enter the following code.
  6. [events_calendar categories="charity"]
  7. Other shortcodes related to the Calendar plugin includes the following.
    • It displays the calendar in widget form where events are highlighted.

      [events_calendar_widget]

    Wp Event Manager Event Calendar New Page

Note : It is recommended for you to insert the shortcode into the ‘text’ view of the visual editor to ensure it gets formatted correctly.

Calendar settings

To access the calendar settings section, here are the steps you need to take:

  1. Go to wp-admin>>Event Manager>>Settings
  2. Click on the Calendar tab. 
  3. Here you will get the option to show or hide the calendar layout from the Events page.
  4. Event Calendar Settings

Here you will get the following options:

  1. Show calendar layout: You can check or keep it black to show or hide the calendar layout from the event page. 
  2. Enable views: This is a dropdown menu that comes with the following view options:
    • List: shows all your events in a list.
    • Daily: displays only the events to be held on your preferred date.  
    • Weekly: shows all the events that are scheduled in a week. 
    • Monthly: showcases all the events of a specific month. 
    • Yearly: reveals all the events that were held and that will be held in a year.  
    • Summary: it shows the event details including date, time, and title. 
    • Map: Shows events based on a specific location.

    Select your preferred calendar views as per your requirements.

  3. Show events from start to end: You can enable this option to display all the events that you have in a year. 
  4. Default calendar view: Enable this option to add a specific view to all your events.

Backend Calendar Settings

After making your preferred changes in the setting section, to see the results, you need to follow the below-mentioned steps:

  • Go to the Frontend Event Listing page. 
  • Click on the Calendar icon. 
  • You will get the View option with the dropdown that you have selected at the backend.
  • You can select any view option from the dropdown to display your page.
  1. Event Calendar list view

    This layout shows all your events in a list.

    List View

  2. Event Calendar Daily View

    This layout displays only the events to be held on your preferred date.

    Day View

  3. Event Calendar Weekly View

    This layout shows all the events that are scheduled in a week.

    Week View

  4. Event Calendar Monthly View

    This layout showcases all the events of a specific month.

    Month View

  5. Event Calendar Yearly View

    This layout reveals all the events that were held and that will be held in a year.

    Yearly View

  6. Event Calendar Summary View

    This layout shows the event details including date, time, and title.

    Summary View

  7. Event Calendar Map View

    This layout shows events based on a specific location.

Frontend Events Calendar Layout

The following screenshots here show how the event calendar looks on the front end of your website.

    It shows a tooltip box with the Event name, Image, Description, start and end date on the event title you put your cursor in.

    Wp Event Manager Event Calendar Frontend Layout

Event Calendar Widget

In order to add the widget of calendar, follow the below mentioned steps,
Wp Event Manager Event Calendar Frontend Widget

  1. Login to admin panel.
  2. Follow, WP-admin >> Appearance >> Widgets.
  3. A widget called the Event Calendar appears in the widgets list.
  4. Drag this widget and drop it to the required widget area and show the event calendar at the required location(For ex: sidebar area of your website).
    Wp Event Manager Event Calendar Widget

Advanced: Overriding/Customizing the templates

For overriding or customization template files can be found in the “/wp-event-manager-calendar/templates/” directory.

To override a template file, follow the below-mentioned steps:

  1. Create directory “wp-event-manager-calendar” under your theme folder.
  2. Copy the template file to “/wp-content/yourtheme/wp-event-manager-calendar/” directory.
  3. Your theme will use all the template files from the “/wp-content/yourtheme/wp-event-manager-calendar/” directory instead of the plugin’s template file (/wp-content/plugins/wp-event-manager-calendar/).
  4. Event-calendar.php template file now lists the user’s calendar.

Note: If you have override template file and plugin frequently updating then you need to sync template file with new updates from the plugin’s template file for better functionality and new features.

Quick Links
Close
Close