Categories: Web

How to Use the WordPress Event Calendar Plugin

For certain kinds of business, having a calendar on your WordPress website is an absolute necessity. Whether you need to share information about opening and closing times, special events that your business is running, or any event that is on a specific date, calendar plugins will help relay this information.

However, many of today’s WordPress calendar plugins can be quite costly and are difficult to set up.

That’s where the WordPress Event Calendar plugin comes in, bringing a cost-effective and easy-to-use solution for your calendar needs.

By the end of this tutorial, you will know how to create an event and calendar with EventOn’s WordPress Event Calendar plugin and display this calendar of events to your website visitors.

  • WordPress
    8 Best WordPress Booking and Reservation Plugins
    Lorca Lokassa Sa
  • WordPress
    20 Best WordPress Calendar Plugins and Widgets
    Eric Dye
  • WordPress
    Get Started With a Free Booking Calendar Plugin in WordPress
    Sajal Soni

Creating an Event and Calendar

For our example, we are going to be creating a WordPress calendar for a gym.

We will be using the calendar to schedule a spin class, so that visitors of our gym website can see what time this class begins and ends.

Of course, the calendar and events that you create will be based on your particular business.

Creating a New Event

Once you have installed the calendar plugin, head on over to the Events tab on the left-hand side of your WordPress dashboard and click Add New Event. This will bring up the event editor where you can add your first event.

At the top of the event editor, we’ll type in the name of the event. We are creating a spin class, so type in Spin Class as the title.

Next, we are going to set the event start and end time. Scroll on down to the Time and Date section of the calendar and enter in the date for the spin class. The class starts on August 1st at 9 am and ends on August 1st at 11 am.

Recurring Events

The spin class that is offered at the gym is a recurring class that happens every Thursday. We would like the spin class to show up weekly on our calendar, but we don’t want to have to create a new event each week. To make the event recurring, switch on the Repeating event tab and click the weekly button next to Event Repeat Type.

This will set the event to repeat every week so we don’t have to create a new event every week for our spin class.

Featured Images

Next, we are going to add a featured image to our event to make our calendar look visually appealing to our customers. On the right-hand side of the event editor, you will find a section called Event Image. Click Set Event Image and add upload or choose an existing photo for the event.

In my example, I choose a picture of people in a spin class.

Event Organizer and Contact Info

Another important piece of information that we want to add to the event is the event organizer and the contact information for the organizer.  We want to add this information in case any website visitor has a question about the spin class.

Under the Organizer section, click Create A New Organizer. From there, we are going to add the organizer name and the organizer’s email address, under the Organizer Contact Information field

Click Add New at the bottom of the editor to add the organizer to the event.

User Interaction and Pop Ups

Finally, we are going to change the user interaction for every event click. We would like for the event to create a pop up when the user clicks on an event.

Do do this, we are going to head on down to the User Interaction for Event Click section and choose the icon that has a pop up with a close symbol at the top right-hand corner.

User Interaction for Event Click

View the video below to watch the event creation process in action.

Adding the Calendar to your Website

Now that we have set up our event, we are now ready to add this to a calendar that will appear on our WordPress website.

To add the event and calendar to your site, create a new page or post.  At the top of the WordPress default page or post editor, you will see a button that says Add Eventon.

Click on this button and then click Main Calendar. You will then be taken to the calendar editor where we will make a couple of changes.

Our first change is going to with the featured image for our event. By default, the featured image that we added to the event only appears when we click the event. We would like the feature image to appear to the right of the event as well and enabling this feature displays the image to the right of the event on the calendar.

Scroll on down to the Display Design Options section of the calendar editor and turn on the Show Featured Image tab to do this.

Finally, we are going to change the design style for the calendar.

To do this we are going to click the drop-down menu under Display Design Options and choose Colorful With Gap Between Events. This will color our calendar to make it more visually appealing to our customers.

Now we are ready to add the calendar to our page or post.

Scroll down to the bottom right-hand corner of the calendar editor and click the open and closed bracket symbol.

This will insert the shortcode for your specific calendar into the WordPress text area. Click Publish and your calendar will then be on full display on your page or post.

You can view the video below to watch how to add the calendar to your website.

Conclusion

The WordPress Event Calendar Plugin helps you create a professional looking calendar in minutes, so your customers can stay up to date with your businesses events.

In this post, I showed you how to create an event, add it to a calendar, and display it on your WordPress website with the Event Calendar plugin.

If this plugin interests you, head on over to CodeCanyon to download it. Also, feel free to browse through all the other calendar plugins on CodeCanyon if this one does not suit your specific needs.

  • WordPress
    8 Best WordPress Booking and Reservation Plugins
    Lorca Lokassa Sa
  • WordPress
    20 Best WordPress Calendar Plugins and Widgets
    Eric Dye
  • WordPress
    Get Started With a Free Booking Calendar Plugin in WordPress
    Sajal Soni
Share
Tags: web

Recent Posts

6 Questions to Ask Yourself Before Accepting a Web Design Project
  • Web

6 Questions to Ask Yourself Before Accepting a Web Design Project

Especially when you are at the beginning of your career as a web designer, you may be tempted to accept… Read More

21st August 2019 1:50 am
When Fast Food Logos Get Mashed Up
  • Web

When Fast Food Logos Get Mashed Up

As our lives become more hectic, so does our eating. We aren’t necessarily eating more, but eating faster. The way… Read More

19th August 2019 4:00 pm
How to Clean Malware from a Hacked Website
  • Web

How to Clean Malware from a Hacked Website

Just the hint of a hacked site is enough to send jitters down the spine of every webmaster. In an… Read More

14th August 2019 4:00 pm
How to Build an Engaging (And Functional) Event Website
  • Web

How to Build an Engaging (And Functional) Event Website

Hosting an event, a birthday or even planning for your own wedding or retirement party? No matter what it is,… Read More

9th August 2019 7:15 pm
5 Best Magento Extensions That Can Boost On-page SEO
  • Web

5 Best Magento Extensions That Can Boost On-page SEO

Doing business online and ignoring SEO is parallel to opening a shop in far-flung areas where nobody bothers to visit.… Read More

5th August 2019 4:00 pm
The Best Websites Designs of 2019 So Far
  • Web

The Best Websites Designs of 2019 So Far

As bloggers and website owners, we’ve all had our share of fickle website visitors. You know the kind. They are… Read More

1st August 2019 1:00 pm