How to Add Calendar to WordPress Website

Are you looking for an easy way to add a calendar to your website? If yes, welcome to our blog post!

Having a calendar on your website can be very beneficial in helping your visitors stay organized and informed of any upcoming events or deadlines.

In this blog post, we’ll discuss the advantages of integrating a calendar into your website, the different kinds of calendars you can use, and the process of installing a calendar plugin. In this guide, we’ll go over how to add a calendar to your website step by step. By the end of this blog post, you’ll be better equipped to embed calendars into your WordPress blog.

Let’s dive in!

Why Add Calendar to WordPress?

Having a calendar on your website can be extremely beneficial for your business. It allows you to showcase upcoming events, meetings, and other important dates. It also helps customers easily find out when the next event is scheduled and plan accordingly. Additionally, it serves as an effective way to keep visitors up-to-date with what’s going on in your business or industry.

Adding a calendar to your website can also help increase engagement with customers by providing them with a convenient way to stay informed about changes or updates to your company’s schedule.

The calendar feature is easily customizable and can be tailored to fit any company’s needs. With a well-crafted calendar, businesses can better manage their time, increase customer engagement, and improve their overall efficiency.

How to Add a Calendar to WordPress

Adding a calendar to WordPress can be a great way to keep your content organized and ensure that your readers don’t miss out on important events. Fortunately, there are various plugins available that make it easy to add a calendar directly to your WordPress site. With these plugins, you can create interactive calendars with customizable views, manage event, and much more.

Below, I have mentioned how you can add Google Calendar and other event calendars on your website with a few steps.

Add Google Calendar to WordPress

Let’s see how you can put a Google Calendar on your WordPress blog. Google provides this helpful tool that allows you to display your future events to the visitors of your site.

You can also share a lot of details about the events with your visitors, such as where the event is happening, when it’s happening, what it’s about, and how much it costs.

The best thing about putting Google Calendar on WordPress is that if you make any changes to your Google Calendar, they will automatically show up on your website.

create new calendar
Create new calendar

Firstly, if you don’t have a Google Calendar, you need to make one. For that, open this link in your web browser. Look for the “+” sign and click on it. Then choose “Create a new calendar,” just like shown in the picture above.

click on "create calendar"
Click on “Create Calendar”

Next, you simply have to give a name to your calendar, put a brief description, and finally, select the correct time zone.

make your calendar available to public
Make your calendar available to the public

Now, you must make the calendar you just created accessible to everyone. To do this, open your calendar settings, go to “Access permissions for events,” and tick the box that says “Make available to the public.

copy embed code of calendar
Copy the embed code of the calendar

Next, you need to generate an embed code for your calendar. Go to “Integrate calendar” from the settings, and there you’ll find an “Embed code”. Keep this embed code handy in a notepad, as we will need it in the upcoming steps.

customize the calendar as per your requirements
Customize the calendar as per your requirements.

If you want to change the look of your calendar, you can do things like changing the background color, altering the width and height, and deciding where different information, like the title, date, or time zone, is shown.

Now let’s put Google Calendar into WordPress. Choose any post or page where you want to show the calendar. For this example, I’m using posts. To go to your Posts, find “Posts > All Posts.”

Add “Shortcode” Block

Then, hit the “+” icon and put the “Shortcode” block into the editor like in the image you see.

Paste your embed code.

Now, put the Google Calendar embed code that you copied earlier and save your post.

Preview your post

Finally, check your post to see if Google Calendar is showing up properly. As you can see in the image, my calendar is there on the post. Also, if people click on any date, they’ll be able to see what’s happening on that day.

Bonus: How to Add Calendar to Widgets

If you don’t want to showcase the calendar in your post or page, then the best placement is the website’s sidebar. You can add a calendar to WordPress widgets with just a few steps.

Adding calendar to widgets

First, go to “Appearance > Widgets” and add “Shortcode” to the “Sidebar” widget. Second, paste the calendar embed code to the input field. Third and last, Update widgets.

Add Events Calendar to WordPress

If you don’t want to use Google Calendar to display events, then you can use third-party tools to showcase your events list under the calendar. For this purpose, there are a few plugins available on WordPress. These allow you to add a beautiful and responsive calendar to your website. Moreover, you can manually add event details and much other information.

I highly recommend you use “The Events Calendar” plugin. It is the most trusted events calendar plugin in WordPress that is used by over 800k blog owners.

Install the “Events Calendar” plugin.

To install and activate this plugin, navigate to “Plugins > Add New”, search for the plugin’s name, and install it.

Adding event details

Next, go to “Events” from the left sidebar in the WordPress dashboard. Here, you will see all your events. To create a new one, click on “Add New”.

Adding additional details to our event

On the next screen, simply provide the name of your event and description. Next, scroll down to “The Events Calendar” configuration.

Here, add the time and date of the event, and location organizer details like name, number, and email ID.

Adding additional details

You can also add an event website (if you have any) and event costing information like currency, ISO code, and price. Moreover, you can also add an image to your event. Now, you have successfully created an event on your website.

Making custom settings for events

Before checking how the event is showing on the calendar, you should check a few settings. Go to “Events > Settings > Display”, here the first thing you will see is the calendar display style. You can choose any style you want.

Similarly, you will see lots of display settings for your calendar. Make appropriate changes as per your choice and save the changes.

Calendar showing on the website

Now, visit the events page (in our case, it’s “events”), and here you can view the calendar in list, month, and day style.

Alternative Plugins to Add Calendar to WordPress

Apart from The Events Calendar plugin, there are a few more plugins that you can use to embed a calendar into WordPress. Here are a few of them:

1. Simple Calendar

Simple Calendar is an excellent choice of plugin to display calendars on your website. It is used by more than 60k users. If you are looking to embed Google Calendar into your site, then choose this plugin.

Top Features:

  • Offers pre-made designs that are in line with the aesthetics of your theme, ready for implementation.
  • Displays a calendar that is fully responsive to multiple device types.
  • There are advanced settings available to customize time zones, dates, and time formats.
  • You can display unlimited events from any public Google Calendar.
  • Integrate with Event Calendar Newsletter to turn events into newsletter format.

2. My Calendar

My Calendar is a powerful and easy-to-use WordPress calendar plugin that makes event management simple and stress-free. It allows users to add, manage, and share events with ease.

Top Features:

  • Display events in a list or grid view.
  • Visitors can sort calendars on monthly, weekly, and daily views.
  • Features customizable CSS styles which can be edited to suit individual preferences.
  • Provides email notifications whenever a new event is created.
  • Allows to customize event output templates.

3. Events Manager

With the Events Manager, you can easily create an organized schedule of events for your website or blog. This is a great plugin for developers and designers as it offers great flexibility to customize and design a calendar as per their needs.

Top Features:

  • Supports Zoom Webinars and BuddyPress integration.
  • Allows guests and members to submit their own events.
  • Make it possible to create events across various time zones with ease.
  • Offers various sorting and filtering options to visitors so that they can find events without hassles.
  • Offers multiple event views, including list, grid, map, and calendar.

4. Timely All-in-One Events Calendar

Timely All-in-One Events Calendar is a powerful and highly reliable plugin for event management, used by over 150k blog owners across the world. It’s totally free of cost and can be easily integrated into your website or blog.

Top Features:

  • Optimized for mobile devices, providing a seamless user experience across all smartphones and tablets.
  • Available in multiple languages, including English, German, Italian, French, Spanish, and more.
  • Set up different calendar views for desktop and mobile.
  • Offers several beautiful calendar themes to choose from.
  • Allows to create events of any duration – from single-day events to multiple-day events or even never-ending and recurring events.

5. WP Simple Booking Calendar

WP Simple Booking Calendar is a great WordPress plugin to quickly show the availability of rental spaces, including holiday homes, rooms, and bed and breakfasts.

Top Features:

  • Offer a simple and initiative user interface.
  • The calendar layout is fully mobile responsive.
  • Add various booking information on each day of the booking calendar.
  • Month names are available in more than 30 languages.
  • Allows you to backup and restore calendars.

Wrapping Up!

Adding a calendar to your website is no rocket! With a few simple steps, you can easily integrate a calendar into your website and start providing valuable updates to your visitors.

I hope you were able to embed a calendar on your WordPress blog by reading the above guide. Still, if you face any issues, feel free to comment below.

Sunny Kumar

Number of posts: 145

Hi, I'm Sunny Kumar, a passionate tech enthusiast and a blogger from New Delhi, India. With a degree in IT from IIT-D and expertise in SEO, Cloud Computing, Telecom & Networking, and CEH, I specialize in various technical fields, including SEO, WordPress Development, and PC Building. And being a proficient WordPress user, I’m dedicated to delivering quality content and a remarkable user experience.

Leave a Comment