Add Events Calendar to WordPress

Whether you want to display events run by your company or those happening within the industry or a local community, an events calendar is the perfect solution. It enables you to show important information for multiple events in a familiar calendar-style format.

In this article, we’ll introduce you to one of our favorite free plugins for adding an events calendar to WordPress. Then, we’ll guide you through all the steps you need to take to publish your first event.

Introducing the Events Calendar plugin

Events Calendar offers a simple and robust option to add an events calendar to WordPress. It enables you to choose between different types of calendars, set up specific venues, and even specify prices.

Key features ⚙️

  • Provides a robust calendar and event management system
  • Includes events and venues as custom post types
  • Comes with different styles of calendars
  • Integrates with Google Maps to display event addresses

How to set up the Events Calendar plugin (in 5 simple steps)

First and foremost, we recommend that you take a minute to back up your site before throwing a new plugin into the mix. If you’ve never used a backup tool before, UpdraftPlus is our favorite free option. On the other hand, if a premium service is what you’re looking for, VaultPress should be right up your alley.

If you’re familiar with WordPress plugins, you probably know how to install them. In case you’re not, or you just need a refresher, we’ll cover that in our first step below.

⚠️ Note: This tutorial is based on using a classic WordPress theme – like Neve. If you are using a block theme with Full Site Editing, such as Neve FSE, then the Events Calendar plugin requires some unique workarounds that are outside the scope of what we are going to cover here. However, the plugin developers have put together excellent instructions for block theme users. You can see them here.

Step #1: Install the Events Calendar plugin

From your WordPress dashboard, find the Plugins tab, hover over it, and then when the popup window appears, click on Add New Plugin. If you’re using a slightly older version of WordPress, it might say simply Add New – but it’ll take you to the same next step.

Adding Events Calendar plugin to WordPress.

On the subsequent screen, use the search bar over on the righthand side to type in “events calendar“. The very first result should be the Events Calendar plugin we’ll be using for this tutorial. Just to be sure, double check that the developer is the same. It should say “by The Events Calendar” on it. Once you confirm that it’s the right one, click on Install Now.

Installing Events Calendar plugin in WordPress.

Then wait a few seconds while it does its WordPress magic, and when it’s ready, the Install Now button will transform into an Activate button. Click that and you’ll be brought to the settings / setup screen, but first you’ll be greeted by a popup window:

Installing Events Calendar plugin in WordPress.

You can click either Skip or Allow & Continue. It won’t affect the functionality of the plugin in any sort of way so the choice is entirely personal. After you get past this screen, you are ready for the more fun part of this guide – configuring your settings, customizing your calendar, adding venues, and creating your first event.

Step #2: Configure your settings

As soon as you get past the popup window, a new Events tab will appear in the WordPress dashboard. Click on it and select the Settings option. We’re going to tinker with the plugin’s configuration before we start adding events to our calendar.

To avoid overwhelming you, we’re going to focus on a few specific settings. These settings govern the behavior and look of the events calendar you’ll display on your site.

Let’s start by going to the Settings > Display tab. Here, we’re going to configure the maximum number of events that will appear per page and decide whether to enable comments for them. This can be a good idea if you plan on answering questions on your site:

Configuring the number of events to display

Next, the plugin enables you to specify the URL for your main events page. If you’re looking to change the default, you should probably stick to something simple for clarity’s sake:

Modifying the URL for your events page.

Now move on to the Currency section in the Display tab. Set the default currency you wish to use for your events, which will depend on your location:

Changing the default currency for paid events.

Finally, the plugin enables you to implement Google Maps for each event, to display specific addresses. You can even set the default zoom level for each.

We’ll show you how to include event locations in a minute, but for now, we recommend that you check that box. A good map is always welcome!

Enabling the implementation of Google Maps for your events.

That takes care of Events Calendar’s key settings, so let’s move on to customizing our calendar.

Step #3: Select your calendar style

Events Calendar comes with two default calendar styles. To switch between them, return to the plugin’s SettingsDisplay tab. The Calendar Display section will appear right at the top of the screen:

The two default styles for your events calendar.

Both styles are rather minimalist by default – which is excellent since they look good paired with a lot of modern themes. The Default Styles option is shown here and it offers a very understated look:

An example of a calendar built using the Events Calendar plugin.

By default, your events page will display any events scheduled for that day in list format. However, the Display section enables you to change that using HTML. To do so, scroll down and locate the Advanced Template Settings subheading, then add any new elements you want using the WordPress editor within:

The option to modify your events page using HTML.

Now that you’ve decided on your calendar style, let’s talk about venues.

Step #4: Add new venues

Adding a new venue couldn’t be simpler. Go to Events > Venues in your dashboard, then click on Add New. While using this plugin, WordPress treats venues as custom post types, so you’ll get to add all the necessary information using the default editor. First, choose a name for your venue and type a description:

Setting a name and description for your venue.

Then scroll down and fill out the fields in the Venue Information section. If you want to display a map, make sure to check the corresponding options:

Specifying an address for your venue.

Now hit Publish and we’re good to go. Let’s go ahead and create our first event.

Step #5: Create your first event

The process of adding a new event is quite similar to adding a venue. Head to Events > Add New and select a name and description. Next, scroll down and select a date and a venue. Having gone through step number three, you can choose the venue using a drop-down menu:

Adding an events calendar to WordPress.

If the event in question is paid, remember to set a price in the Event Cost section:

Specifying the cost for your event.

Finally, add a featured image for your event, which will display when users click on it within your calendar to find out more information. All that’s left is to hit Publish and we’re done.

That’s how you add an events calendar to WordPress!

Adding an events calendar to WordPress: Conclusion

Adding an events calendar to your website is a great way to communicate information regarding multiple events in a user-friendly format. It will tell your website’s visitors exactly what’s happening when, and can provide them with information such as event price, description, and address.

Fortunately, there are some excellent free and premium plugins that can help you add one to your site, including Events Calendar. In this post, we’ve shown you how to add an events calendar to WordPress website using the former. Let’s quickly recap the steps involved:

  1. Install the Events Calendar plugin.
  2. Configure the plugin’s settings.
  3. Select the type of calendar you want to use.
  4. Add venues for your events.
  5. Create your first event!
Do you have any questions about how to add an events calendar to WordPress? Ask away in the comments section below!
Yay! 🎉 You made it to the end of the article!

5 Comments
Newest
Oldest Most Voted
Inline Feedbacks
View all comments
Satish yadav
August 17, 2018 7:53 pm

Hi, I am facing issue when I paste the Event URL on Page in backend it shows proper event but in frontend only URL is showing. Please help to solve this issue. Please find attached images to understand the issue more clearly.

comment image comment image

Kris Alexander
March 20, 2018 3:37 pm

The page title isn’t displayed on /events/ when the plugin is installed in Hestia. Any code to fix this?

Sabina Ionescu
March 21, 2018 5:45 pm
Reply to  Kris Alexander

Hey Kris, it seems that this happens with all themes. We’ll be looking for a solution to this for Hestia. Thanks for notifying us!

2madeira
October 9, 2017 6:50 pm

Hi John! I have multilingual website using different menus for each language. And I want to add event calendar only to Portuguese version (with Portuguese menu bar) of my website. However, events calendar is published with English menu bar.

Do you have any suggestions?

Thanks in advance!

John Hughes
March 26, 2018 11:55 am
Reply to  2madeira

Hello 2madeira. Thanks for your question. We recommend posting it on the support forum for The Events Calendar plugin. Their team may be able to provide a direct workaround for your problem.

https://wordpress.org/support/plugin/the-events-calendar

Best of luck 🙂

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!