How to display Upcoming Events widget on a post on WordPress

Upcoming Events is a very effective widget that allows you to display a list of future events on your WordPress website using an iCalendar link.

The widget was originally created especially for musicians, who wish to keep their fans easily updated on their list of tour dates. However, this feature can certainly be used for any kind of event list.

For example, an embedded events list could look like this (with the styling varies based on your theme)

Display Upcoming Events widget on a post

A list of events can be embedded into your Wordpress post or page using an iCalendar URL and a shortcode. In this instructional writing below, you would be guided through a quick and easy-to-follow instruction on How to display Upcoming Events widget on a post on WordPress. Illustrations are included.

To display the Upcoming Events widget

To display the Upcoming Events widget, you first need to get an iCalendar URL. Google Calendar is a very handy calendar application you could use to create your own calendar.

Step 1: Access Google Calendar. Go to Settings in My Calendars.

Go to your Google Calendar. Click on the dropdown arrow in My Calendars, then select Settings.

Display Upcoming Events widget on a post

Step 2: Click the name of the calendar to be embedded.

Click the name of the calendar to be embedded.

Display Upcoming Events widget on a post

Step 3: Click ICAL

Click the green ICAL button next to Calendar Address.

Display Upcoming Events widget on a post

Copy the link displayed, which begins with “http” and ends with “.ics”/

Remember to set your calendar privacy to public so that WordPress.com could view and embed it.

Events List Shortcode

Step 1: Add shortcode

Add this shortcode into your post or page: [upcomingevents url=”ICALENDARURL”]

Replace “ICALENDARURL” with your copied iCalendar link. Don’t forget to include the quotation marks around this link.

Step 3:

If you want to limit the number of events on display, add a number parameter to the shortcode.

For example:

upcomingevents number=3 url="http://www.google.com/calendar/ical/ht2jlfaac5lfd6263ulfh4sqm8%41group.calendar.google.com/public/basic.ics"

It might take around an hour for the changes to appear in your blog.

Events List Widget

Not only a single event, but also a list of upcoming events can also be added as a widget.

Step 1: Go to Widgets

Go to the Widgets section in Customizer

Step 2: Add Upcoming Events widget

Add Upcoming Events into the widget area

Step 3:

Copy the URL of your iCalendar Feed and paste it into the widget and click the Save button.

If a Google Calendar that has already been embedded is modified, the changes might take up to one hour to take effect in your blog.

Conclusions

Above is a detailed, step-by-step instruction on How to display Upcoming Events widget on a post on WordPress. Hope these little effort would bring you great result.