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.
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.
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.
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.
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.
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.
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.
View the video below to watch the event creation process in action.
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.
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.
Especially when you are at the beginning of your career as a web designer, you may be tempted to accept… Read More
Hosting an event, a birthday or even planning for your own wedding or retirement party? No matter what it is,… Read More
Doing business online and ignoring SEO is parallel to opening a shop in far-flung areas where nobody bothers to visit.… Read More