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

Installing The Plugin

The installation process is the same for all the add-ons offered by WP Event Manager. They can be installed both 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 screenshot below. Clicking on that icon will help you display the event calendar with all the available events on the website.

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:

1. [events_calendar]
   

1. To sort the events by category or type, enter the following code.
   

1. Other shortcodes related to the Calendar plugin include the following.
   
2. Click on Publish.
3. It displays the calendar in widget form, highlighting events.
   
4. [events_calendar_widget]
   

Note: It is recommended that you 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 have the option to show or hide the calendar layout on the Events page.
   

   

   
   

Here you will get the following options:

1. Show calendar layout: You can check or leave it blank to show or hide the calendar layout on the Events page. 
2. Enable views: This is a multi-select box 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.
   
5. Start of week: Here, you need to select your preferred day from which you want your month to be started in your monthly calendar.
   

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

• Go to the Frontend Event Listing page. 
• Click on the Calendar icon. 
• You will see the View option with the dropdown that you have selected in 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.
   

   
   
   

2. Event Calendar Daily View

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

   
   
   

3. Event Calendar Weekly View

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

   
   
   

4. Event Calendar Monthly View

   This layout showcases all the events of a specific month.
   

   
   
   

5. Event Calendar Yearly View

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

   
   
   

6. Event Calendar Summary View

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

   
   
   

7. Event Calendar Map View

   This layout shows events based on a specific location.
   

Frontend Events Calendar Layout

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

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

To add an event calendar widget 

To add the calendar widget, follow the below mentioned steps,

1. Log in to the 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 to show the event calendar at the required location (e.g., sidebar area of your website).
   

   
5. It will look on the frontend as below.

How to automatically sync your WP Event Manager events to Google Calendar

Now users can automatically sync their events listed with WP Event Manager to Google Calendar. To enable this feature, follow the below mentioned steps: 

1. Go to https://console.cloud.google.com/ 

2. Create a project.

3. Enable the Google Calendar API.

4. Enable OAuth.

5. Get Credentials.

Once you are done with this, go through the following steps:

1. Select a project in the Google Cloud Console.

2. Click on the Credentials section.

3. Go to the API key section and click on Show key. 

4. After getting the key, need to go setting and enter the key into the respective field on the admin side as the Google Calendar Client ID and Secret key.

5. Enable the “Automatically sync” option. 

6. Save changes.

7. Then go to the frontend event dashboard.

8. Press the Connect to Google Calendar button. 

9. Choose an account.

10. Click on Continue.

11. Again, continue.

12. Then you will be redirected to the event dashboard, where you will be able to see the message “Google Calendar connected successfully”.

Advanced: Overriding/Customizing the templates

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

To override a template file, follow the steps below:

1. Create the directory “wp-event-manager-calendar” under your theme folder.
2. Copy the template file to the “/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. The event-calendar.php template file now lists the user’s calendar.

Note: Our plugins are updated regularly. If you customize the template files, make sure to update your custom templates to stay compatible with the latest version and benefit from new features and improvements.