Published by on November 13, 2019 • 0 Comments • Lire en Français

Imagine. You are the head of a martial arts school, or a football club.

Now, let me ask you a question: how to communicate to your members the organization of upcoming events or tournaments in a simple way, on your WordPress website?

Answer: by using The Events Calendar plugin, a popular event calendar and event management solution for WordPress (over 700,000 active installations on WordPress.org), developed by Modern Tribe.

The Events Calendar on WordPress.org
The Events Calendar on WordPress.org.

In this tutorial, we would like to focus on the free version of The Events Calendar and show you how to add your first event, adjust settings, and promote your event to potential customers.

Note : A pro version of The Events Calendar is available that adds extra functionality such as recurrent events, three additional view types, advanced widgets, location search, and more. Premium addons are also available.

Adding Your First Event

The Events Calendar can be downloaded free of charge from WordPress.org or directly from your WordPress admin area.

To download from your admin area, simply go to the plugins page listed in your WordPress admin menu and click on the “Add New” link. Search for “The Events Calendar” on this page and then click the “Install Now” button.

Activating The Events Calendar
WordPress lets you download plugins directly through the WordPress admin area.

Once The Events Calendar has been installed on your website, all you have to do is click to activate the plugin. You can do this from the WordPress plugins page.

The Events Calendar Welcome Page
The Events Calendar welcome page.

Now that The Events Calendar has been activated, you will see a new menu in your WordPress admin menu entitled “Events”.

You can create a new event by clicking on the “Add New” link that is located in the Events menu or on the Events page.

The Events Calendar Admin Menu
Ten pages are listed in the admin menu for The Events Calendar.

Modern Tribe have chosen to use the classic WordPress editor for the user interface; however there is an option in the main settings page to enable the Gutenberg block editor for creating and editing events.

You can add the title of your event at the top of the page and in the box below you can enter a description. Since the WordPress editor is used for adding a description, you can format text and add rich multimedia such as images and videos.

Tags and categories can be assigned to events at the right-hand side of the page. There are also options to hide the event from event listings, make the event sticky in month view, and to make the event featured.

Adding Details of Your First Event
Detailed descriptions can be added to events.

Underneath the description area, you will see the main options box for your event.

In the first section, you can define the time and date for which the event starts and ends.

The event location can be entered in the next section. You can add details such as the venue name, address, and phone number. A map can also be displayed.

Information about the event organisers can be entered too. If you wish, you can add multiple organisers.

You can also define the event website URL, currency symbol, and cost.

The Events Calendar Organisers
Information about organisers can be displayed.

Once you have entered your event location, you can publish it via the link at the top right-hand side of the page.

View Your Event

After you have published your first event, I recommend checking your event calendar. This will let you see how everything looks.

Your event calendar can be viewed at www.yourwebsite.com/events/.

The calendar is easy to navigate and lets you filter results by date or by keyword.

Monhtly View
The monthly event calendar.

The calendar will default to monthly view, however, this can be changed to list view or day view.

In monthly view, events can be filtered by month. In list view and day view, events can be filtered by day i.e. you can specify the exact day you want to see events for.

List View
The Events Calendar in list view.

Click on your event to check that everything looks right.

Remember, this is the page that is shown to people who are interested in your event, so do not be afraid to go back and add more content to the page to make the event look more appealing.

Event Listing
Check your event to see if everything has been set up correctly.

Later in the article, we will show you how you can customise the look of your events calendar and how you can promote it on your website.

Before we do that, let us take a closer look at how you can customise events on your WordPress website.

Adding Tags, Categories & More

Tags and categories can be assigned to events at the right-hand side of the events page. This can help you, and your visitors, categorise the events that are upcoming.

Tags and categories.
Tags and categories can help you categorise events.

New tags and categories can be created directly on the events page, however, if you want to manage existing tags and categories, I recommend going to their respective pages. These pages also help you see how many events are assigned to each tag and category.

The venue and organiser information that you added on your event page is saved too. You can modify this information at any time.

As you add more events, your website will save more tags, categories, venues, and organisers. They can all be assigned to future events.

Configuring Event Settings

The settings area for The Events Calendar lets you customise things further. I encourage you to go through all the options there so that you can tailor events to your own needs.

General Settings Page
You can pay it forward and show a link to The Events Calendar.

In the general settings area, you can define how many events are shown in list view, enable comments, and select to display events next to blog posts.

As previously noted, after creating your first event you can view the events calendar at www.yourwebsite.com/events/. The “events” part of this URL is known as the URL slug.

If you wish, you can change the URL slug of the main events calendar and the single event page to better suit your goals. For example, you may want to use the word conferences, birthdays, or interviews, instead.

The Events Calendar General Settings
The main events URL can be easily changed.

Another useful feature you may like is automatic event deletion. This can be used to move events to trash and delete them after a certain period of time has elapsed.

For example, you could automatically delete a conference and all its information six months after the event.

The Events Calendar General Settings
Remember to set your default currency.

The default zoom level for Google Maps can be set in the general settings page.

Map and Miscellaneous Settings
Time zones can be displayed with events.

In the display settings page, you can select which template you would like to use and which event view types are displayed. You can also decide which view the calendar uses by default.

The number of events that are displayed in a day on the monthly calendar can also be defined.

Basic Template Settings
Basic Template Settings

The date and time format that is used for events can be changed in the display settings page too.

Date Format Settings
Change your date format settings to suit your region.

The Events Calendar lets you display HTML before and after every single event.

This is useful in many situations. For example, you could use this to promote your website's store or encourage visitors to sign up to your newsletter.

Advanced Template Settings
Advanced Template Settings

In order to use Google Maps on your website, you need to create a free Google Maps API Key.

Once you have the key, it has to be entered on the APIs settings page.

Google Maps API Settings
An API key is required for Google Maps.

The settings area also a license page so that pro users can enter their license key.

CSV import settings can be configured on the imports settings page. Those of you who want to import events into The Events Calendar should check the settings on that page.

A plugin such as The Events Calendar can be used so for so many different events, such as conferences, talks, music gigs, meetings, charity events, and more.

Its versatility is what sets it apart from other solutions, but it does make it difficult for me to recommend optimal settings for you all it really depends on what you are using it for.

That being said, there are a few settings you should pay attention to.

  • URL Slugs – Change the events URL slug and single events slug to something that suits your events
  • Currency – The plugin defaults to US dollars, which may not be the currency you are using
  • Default View – Monthly view is enabled by default, but list or day might suit you better
  • Date Format Settings – The plugin defaults to the USA standard of Month, Day, and then Year
  • Google Maps API – No Google Maps API key, no Google Maps

For example, if you are using The Events Calendar to promote tennis matches in the United Kingdom, you may want to change the URL slugs to matches and match and change. You would also change the currency to £ and the date format to day, month, and then year.

I would also encourage you to utilise tags, categories, venues, and organisers. By giving visitors more information about events, you will reduce the number of queries you receive.

Promote Your Event

Once you have created your event and configured all settings, you can turn your attention to promoting your event.

The colour scheme of your calendar can be changed using the WordPress customiser.

From your main WordPress admin menu, go to Appearance and then Customize in order to make changes to the style of your events.

Colours can be changed for all view types. You can change global colours and widget colours too.

Changing Your Colour Scheme
Changing the colour scheme of your event calendar.

To help promote your events, I recommend linking to your main events page from your navigation menus. This can be done via the Menus page of the Appearance area in WordPress.

Recent events can also be individually added to menus.

Menu Item
Add a link to your events page to your navigation menus.

Upcoming events can also be promoted on your website using a WordPress widget.

You define how many events are displayed in the widget.

Widget Settings
The widget can be hidden if there are no upcoming events.

I encourage you to integrate the events widget into your website design. It's a fantastic way of promoting upcoming events to potential attendees.

The Events Calendar Widget
An example of The Events Calendar widget.

Of course, you can promote your events anywhere you want. Once you have got the URL for your event information page, you can share it in newsletters and on social media websites such as Facebook and Twitter.

Note : Events can also be exported using iCalendar and Google calendar.

Final Thoughts

The Events Calendar is a wonderful WordPress events solution.

The plugin is free to download and adding and managing events is simple. Once events have been published, you can promote them on your website using the included widget.

Now, it's your turn. Do you plan to use this plugin on your WordPress website ?

Leave your comment below.