How to embed Event Calendar to WordPress

What is WordPress Event Calendar

WordPress is an online platform allowing users to set up an online website or store to run any type of business, website or blog. It’s extremely helpful in terms of growing your business. 

And if you’ve decided to use WordPress for building your own website, there’s a huge chance that you will want to empower it with additional tools like a simple Calendar plugin. One of the handiest ways to do it is to use a third-party tool, for example, Elfsight’s WordPress Event Calendar. Let’s find out what exactly the benefits it grants to the WordPress users and how to embed it to any website. 

Benefits you get by applying an app 

  1. There’s no need to write the code for creating your simple Calendar plugin.
  2. Lots of readymade templates will offer you brilliant ideas for your widget. 
  3. Сreate the calendar widget yourself, without looking for a skilled developer. 
  4. Your event widget can be tested right away in an interactive online demo. 

And tons of other features! And you are also welcome to explore all the widget’s details right on this page. There are also thirteen professionally designed templates that can be explored in an online demo. You’ll get a chance to see how you can turn your Event Calendar into the best tool for your online and offline business. 

Try creating your first Event Calendar in a few clicks!

How to add Calendar to WordPress website

WordPress is one of the largest site builders and is among the very best platforms for anyone creating a website for almost any need. It’s quite obvious that anyone willing to save their money and time, would choose to switch to this multifunctional platform. And for adding Calendar to their WordPress website, there’s always a plugin by Elfsight. 

Benefits you get by using a plugin

  • You don’t need to write JS code to create your WordPress event calendar widget
  • There are a lot of templates that are offering professional designs for your plugin
  • You create the calendar yourself, without hiring a developer and you don’t have to bother about the plugin’s functionality and design
  • You may test all the plugin’s features in the handy configurator right away, before you add it to your WordPress site

With the Elfsight Event Calendar widget you may instantly embed any event ro schedule to your website, improve the UX in a few clicks and customize the event plugin just the way you want. 

Here are some usage examples for you to consider:

Club Events

Event Calendar example - Club Events

Upcoming webinars

Event Calendar example - upcoming webinars

Museum Calendar

Event Calendar example - museum calendar

Features of the Elfsight Weather plugin for WordPress

  • Option to customize the look of the events
  • Option to paint all the elements to make a stunning calendar
  • Use the language of your audience 
  • Add filters for greater user convenience
  • Option to choose from four layout types 

You are welcome to explore the widget in more detail here

Moreover, bear in mind that there are more than ten professionally created and easily personalisable templates that you can easily find in our free online demo. You are welcome to discover how to display various types of events – from local concerts to upcoming online webinars and any other shows. Below, you can look at the best and the most prominent templates, enjoy.

Template 1: Team Games Schedule

Event Calendar example - games schedule

Template 2: Movie show schedule

Event Calendar example - movie show schedule

Embed Event Calendar to WordPress website

If you prefer a faster solution, then we advise you to watch a video on how you can add an Event Calendar to your WP website. It shows all the steps you need to follow.

To add Elfsight Calendar to WordPress, you first need to get the plugin code. Here’s the best way to get it done:

  1. On the Applications panel of your Elfsight account, choose the app that you would like to embed to your WP website.
  2. Click Add to Website next to the name of your Calendar. After this, you’ll see a popup window with the installation code.
  3. Left-click on the installation code block and copy the code.

Done, you have the installation code for your calendar plugin. Now you can move on to adding the plugin to your WordPress website. Follow these steps:

  1. Log in to your WP website’s admin panel and select the page where you’d like to add your event plugin:
WP admin panel

2. Hover the place where you’d like your plugin to be demonstrated and click the Plus icon:

WP admin panel step 2

3. Find Custom HTML in Formatting section and click it:

WP admin panel step 3

4. Put the plugin’s installation code in the window that comes up and click the Update button to save all the changes:

WP admin panel step 4

So you’ve added the Calendar plugin to one of the pages on your WordPress website. However, sometimes there is a need to embed it on all pages of your site, for example, if you want visitors to always have access to it. Also, due to peculiarities of some WordPress themes, there might be different ways of installing floating and popup widgets to all pages of your website. Below we’ll discuss three ways to do it.

Add Event Calendar to WordPress through theme editor

This way of adding Event Calendar to your WP site is among the most universal ones. Here’s what you need to do:

  1. Log in to your WordPress admin panel. Find the Appearance tab in the left-hand menu and click Theme Editor.
  2. Select the footer.php file in the right-hand menu of Theme Files, place the code before the closing </body> tag and press the Update File button.

That’s all. This way you can add an event widget to all pages of your WordPress website. But what about other options? Let’s look at them too.

Add event plugin using widgets option

To use this method of installing an event and schedule plugin on your WP website, just follow these easy steps:

  1. Log in to your WordPress admin panel. Go to the Appearance tab in the left-hand menu and select Widgets.
  2. Open Custom HTML in the Available Widgets list, select one of the Footers in the drop-down menu, for instance, Footer One and click the Add Widget button.
  3. Add your event plugin’s installation code to the Content field and click Save button.

Simple as that! But what about the third way of adding the event plugin to one page of your WordPress website? Let’s figure out the best way you can embed the event plugin.

Embed the event calendar using Customize option

Follow these easy steps to embed the event and schedule plugin via Customize option:

  1. Log in to your WordPress website admin panel. Go to the Appearance tab in the left-hand menu and select the Customize option.
  2. Choose the Widgets option in the left-hand menu.
  3. Select the Add a Widget option at the bottom of the menu and choose Custom HTML in the menu that appears afterwards.
  4. Place your installation code to the Content field. Click the Publish button to apply all the changes.

Great job, you now know how to diversify the functionality of your WordPress website with a calendar plugin, adding it to everything or just one page. But despite the fact that we have provided you with detailed instructions, there is always some possibility that something could go wrong. Therefore, let’s look at all the main problems that you may encounter during the installation of the event and schedule calendar plugin on your website and the best ways to solve them.


During the process of installing the event plugin on your WordPress website, you will probably have various questions, for instance, what is the best way to use the schedule and event plugin on your site, and you may also encounter some difficulties. Therefore, we decided to analyze all these questions and find the best answers to them so that you won’t need to look for those on some third-party websites.

How can I add an Event Calendar to my WordPress website with shortcode?

Shortcode allows you to add dynamic items like different forms and tables to your WordPress website’s page content area. You can also use shortcode in your event plugin to add these dynamic items to the sidebar and some other areas.

You can add an event plugin to your WordPress website through the use of shortcode widget. Here’s what needs to be done in this case:>/p>

  1. Log in to your WordPress dashboard.
  2. Find the Appearance section and choose Widgets options there.
  3. Click the plus icon to add the calendar plugin with shortcode.
  4. Scroll down to find the Shortcode widget and drag it onto the WordPress sidebar to add your event plugin.
  5. After you’ve added the shortcode widget, you can add your shortcode inside the text edit area of your event plugin.
  6. Click the Update button to apply all the changes.

In case you’ve chosen a theme that uses a full-site editing for your WordPress website, the process of using shortcode option for your event plugin will be slightly different:

  1. Log in to your WordPress dashboard.
  2. Go to the Appearance section and select Editor option.
  3. After opening it, go to the page of your website that has the sidebar you want to add the event plugin to.
  4. Click on the plus icon at the top of the page, search for the shortcode and add the event plugin the same way as it described above.

Does your Event Calendar work with Ajax?

Ajax, according to WordPress codex, is already built into the core WordPress administration screens. That’s why the answer is yes, the Event Calendar works well with Ajax websites since it is compatible with all popular platforms.

If you want to see Ajax in action, you’ll have to open your WordPress administrator panel and then add a category or tag. Keep in mind that when using Ajax when you click the Add New button, notice the page changes but does not actually reload. Ajax doesn’t even require any user actions to work, and that concerns your Event Calendar. For instance, look at Google Docs – the tool automatically saves the progress every few minutes with the help of Ajax, and a user doesn’t need to do it manually.

If you still doubt if you should use Ajax on your website, keep in mind that it improves user experience that might be really important in the event that you’re trying to improve this metric. If you’re trying to avoid presenting static pages – which is quite possible if you’re thinking of some plugins like Event Calendar, you have to pay attention to Ajax as it provides a dynamic user experience. Also, Ajax can dramatically decrease the amount of data that flows back and forth while you’re using the Event Calendar on your website. Specifically related to WordPress plugins, like Event Calendar, Ajax is among the best ways to initiate a process independent of WordPress content.

Can I add an Event Calendar to the Sidebar?

Of course, you can add the Event Calendar plugin anywhere you want on your WordPress website, including the sidebar, top of the page, footer, and more. The calendar plugin goes well with almost any WordPress theme, as it provides various styling options that will allow you to change its design beyond recognition. You will be able to change its size, thus perfectly embedding it in the sidebar or footer. Don’t worry about the calendar taking up too much space in your website’s sidebar: you can always keep it as concise as possible, and the pop-up feature will allow users to get all the information about the event just by clicking on the plugin.

Is there a way to add your Event Calendar plugin to Facebook?

You can add the Calendar plugin to your Facebook page, but there are some limitations. First of all, you should get access to the Custom tab on Facebook. Facebook Custom tab is a possibility for a Page owner to demonstrate some additional content like third-party plugins. Keep in mind that only Facebook pages with 2000 likes and more have an opportunity to create custom tabs.

In order to have the Event plugin added to your Facebook page, first create your Custom tab. After that, here’s what you need to do:

  1. Log to your Elfsight Apps account and build your unique Event plugin for Facebook Page.
  2. Save your Event Calendar for Facebook.
  3. Copy the code of the plugin you see in the box that appeared.
  4. Go to your custom Facebook tab and paste the widget’s code to it.

That’s it! The process may seem a little bit different from other platforms, but it allows you to totally alter your FB page’s overall style and look.

Is there an option to add reviews to your Event Calendar?

Despite the fact that the Event Calendar does not have direct integration with any feedback services, you can easily customize it to suit your goals in such a way that you can add customer reviews to it in one form or another. For example, you can easily upload screenshots of reviews to your event plugin, thus turning it not only into a convenient tool for demonstrating upcoming events, but also into a means of confirming your reliability. However, if you are specifically looking for a way to display user feedback on your WordPress website, we suggest you look into our other feedback tools and use them rather than Event Calendar, which primarily works as an event plugin.

What is the best way to use your Event Calendar on my WordPress website?

As we mentioned earlier, there are many ways to use an Event Calendar on your website, from showcasing your school schedule to listing upcoming concerts. When creating a plugin, you should focus on your business goals first, and from there, plan the schedule that you will add to it.

Of course, the most obvious will be the use of the event calendar on the websites of various organizations that hold various events and concerts. Seeing the schedule of events added to the sidebar or anywhere else on the pages is very convenient for the audience that comes to the website. However, the calendar is perfect for any other type of business or personal website or blog that just wants to diversify their content with an interactive plug-in with a schedule of certain events and events.

Why does your WordPress site need to have a Calendar

Moving from one website to another, the calendar of events has become a must for an organization or firm. An event coming up? Do you want your customers to know? Here one could resort to the help of mailing lists, but here it can be an ineffective tool, since not everyone checks their mail regularly. So adding an Event Calendar to your WordPress website might be a good idea.

Yes, customers forget about event launches from their favorite brand or leading organization. This is where the event calendar comes in handy. The organization can mark the date of the event in their event calendar and all customers will be notified about it. They will know not only the date of the event, but also the place and time of it.


Today, people still often turn to calendars. It is rather hard for many to imagine their life without them. They guarantee high-quality planning and help to navigate in time. In addition, any significant event can be highlighted through such a plugin on your WordPress website. 

Progress does not stand still. Handy event plugins have appeared that allow you to more clearly control the situation. At the same time, the principle of working with them and the presentation have not changed. There are times when calendars play a key role. First of all, you can’t do without them in your work. In this case, the task is not only to find out what day it is, but also to make the necessary calculations, choose the best time for the meeting, and more. With the help of the event plugins, your website visitors and you can easily draw up a correct vacation schedule, work schedule, calculate wages and more. It is a key element of planning and a benchmark on which all reports are built, and even the main activity.

The importance and significance of event calendars is difficult to deny or question. They are an integral companion of man throughout the entire period of existence. Some people think that dates should be abstracted away, but this is not always possible. Calendars that evolved into event plugins, have firmly entered a person’s life and are unlikely to become less in demand in the future.

The post How to embed Event Calendar to WordPress appeared first on Elfsight.

This content was originally published here.