Do you want to add an event calendar to your WordPress website?
A calendar is a great way to share in-person and virtual events with your visitors. You can use calendars to promote your upcoming events, get more attendees, and build brand awareness.
In this article, we will show you how to easily create a simple event calendar in WordPress with Sugar Calendar.
Why Create a Simple Event Calendar For Your WordPress Website?
By adding a calendar in WordPress, you can show upcoming events to your visitors.
This makes it easy for people to learn about your upcoming webinars, virtual retreats, online sermons, coaching calls, and more. In this way, a calendar can promote your events and encourage more people to attend.
If you have a membership website or a forum, then you can even accept user-submitted events. This is a great way to build a community, attract new visitors, and keep your calendar updated with the latest events. You’ll also save time since you don’t need to research upcoming events and add them to the calendar yourself.
With that being said, let’s see how you can add a simple event calendar to your site.
How to Create a Simple Event Calendar in WordPress
The easiest way to add an event calendar to WordPress is by using Sugar Calendar. It is the best WordPress calendar plugin and has everything you need to create multiple calendars, set start and end times for your events, sync with Google Calendar, and more.
The first thing you need to do is install and activate the Sugar Calendar plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.
Upon activation, head over to the Calendar » Settings page. Here, you can enter your license key into the ‘License Key’ field.
You’ll find this key by logging in to your Sugar Calendar account. It’s also in the email you got when you purchased Sugar Calendar.
After that, click on the ‘Verify’ button to check that your license key is valid. Finally, you can click on ‘Save Changes’ to store your settings.
Create a New Calendar
Once you’ve done that, you’re ready to create a calendar by going to Calendar » Calendar.
Here, click on the ‘Calendars’ tab.
You can now click on the ‘Add Calendar’ button.
This opens a popup where you can type a title into the ‘Name’ field.
Sugar Calendar lets you create multiple calendars.
Visitors will be able to switch between the different calendars using a dropdown menu, as you can see in the following image. With that in mind, a descriptive ‘Name’ will help visitors find the right calendar in the dropdown.
Similar to child pages, you can arrange calendars in parent-child relationships.
Children appear beneath their parents in the WordPress dashboard, so this can be a useful way to organize your calendars. This is particularly helpful if you have lots of different calendars.
All calendars are parent calendars by default. To create a child calendar, you’ll need to open the ‘Parent’ dropdown and then choose the calendar that you want to use as the parent.
Next, you can add an optional description. Depending on your WordPress theme, this may appear next to the calendar on your website, but not all themes show the calendar description. If you do add a description, then always check that it shows up on your WordPress website.
Finally, you may want to add a color that will appear next to the calendar in your WordPress dashboard. This color-coding can help you group related calendars together or easily identify a particular calendar.
To add a color, simply click on the ‘Select Color’ switch and then make your selection using the controls that appear.
When you’re happy with the information you’ve entered, click on ‘Add New Calendar’ to go ahead and create your first Sugar Calendar.
You can create multiple calendars simply by repeating the same process described above.
Adding Events in Sugar Calendar
Once you’ve created at least one calendar, you’re ready to add events to that calendar.
To start, select the ‘Events’ tab and then click on the ‘Add Event’ button.
You can now add all the information about your event, such as date and time, duration, and whether or not it is recurring.
First, you’ll want to go ahead and give the event a name.
Then, add a start time and end date. If the event lasts all day, then you can simply check the ‘All-day’ box.
Another option is to set a start and end time, as you can see in the following image.
By default, Sugar Calendar creates all events as one-time events. However, some events are recurring. For example, you might run a webinar every Monday morning or have a monthly meetup for all the volunteers at your nonprofit organization.
To create a recurring event, simply select the ‘Recurrence’ tab and then choose an option from the ‘Repeat’ dropdown, such as Daily, Weekly, or Monthly.
You can also set an optional ‘End Repeat’ date, which is when the event stops recurring. For example, you might only plan to run webinars until the end of the year.
If you’re organizing an in-person event, then you can also select the ‘Location’ tab and type in where this event will take place.
Next, enter some information about the event in the ‘Details’ box.
This works exactly the same as the WordPress content editor, so you can add images, videos, and formatting.
To add a featured image, simply click on ‘Set featured image’ and then either choose an image from the media library or upload a new file.
In the ‘Calendars’ section, find the calendar where you want to add this event.
You can then click to select its radio button.
You can also create a new calendar in this section simply by clicking on the ‘Add New Calendar’ button.
This adds new settings where you can give the new calendar a name and assign it to a parent Sugar Calendar.
Once you’ve entered all the information, just click on the ‘Publish’ button.
You can repeat this process to add more events to the calendar.
Adding the Events Calendar to Your WordPress Website
You can add a calendar to any post or page using a shortcode. If you’ve created multiple calendars, then visitors can switch between them using a dropdown menu.
However, you can choose the calendar that WordPress shows by default, so you will have some control over which events visitors see.
As an example, we will add the calendar to a new WordPress page, but the steps will be similar no matter where you’re adding the calendar.
To start, open the page where you want to place the calendar. You can then click on the ‘+’ icon to create a new block and type in ‘Shortcode.’ When the right block appears, click to add it to the page.
If you want to show events from all your calendars in a single view, then simply add the following shortcode:
If you prefer to load a specific calendar, then you’ll need to add that calendar’s name to the shortcode. For example, to only show events from a calendar named ‘webinar,’ you’ll need to use the following:
For more details, please see our guide on how to add a shortcode in WordPress.
You can now publish or update the page to make the calendar live on your website.
To see more information about an event in the calendar, simply click on it.
This will open the event’s page, showing the time, date, and any other details.
Sugar Calendar also has a widget that you can add to any widget-ready area of your WordPress theme. This is an easy way to add a calendar to every page of your website or WordPress blog.
To add a widget in WordPress, simply go to Appearance » Widgets. Here, click on the blue ‘+’ button.
You can then type in ‘Sugar Calendar.’
There are a few different Sugar Calendar widgets, so make sure you select the ‘Event Calendar’ widget.
Now, simply drag and drop the widget onto the area where you want to show the calendar.
At this point, you can add an optional title and change the size of the calendar.
By default, the plugin shows events from all your Sugar Calendars. To change this, open the ‘Calendar’ dropdown menu and then choose the calendar you want to show when the page first loads.
By default, Sugar Calendar will show the current month, but you may prefer to show a different month instead. To make this change, simply type a new date into the ‘Default Month & Year’ field.
Once you’re finished, don’t forget to click on the ‘Update’ button. Your Sugar Calendar widget will now show up on your site.
Bonus: Create a Facebook Event Calendar in WordPress
Do you also post your events on Facebook?
If you use Facebook’s built-in events calendar, then another option is to embed this content on your WordPress website so more people can see it. These people may even visit your Facebook page and mark themselves as interested in the event or start following you on social media.
You can even display the events in a lightbox popup so visitors can scroll through your entire schedule. Even better, Facebook Feed Pro will fetch your latest events automatically, so you don’t need to add them to your site manually.
After creating an event feed, you can fine-tune how it looks using Smash Balloon’s user-friendly editor. In this way, you can create a social media feed that perfectly suits your WordPress theme.
For detailed step-by-step instructions, please see our guide on how to add a Facebook event calendar in WordPress.
We hope this article helped you learn how to create a simple event calendar with Sugar Calendar. You may also want to see our expert pick of the best email marketing services and our guide on how to add web push notifications to your WordPress site.