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)
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
Get iCalendar link
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.
Step 2: Click the name of the calendar to be embedded.
Click the name of the calendar to be embedded.
Step 3: Click ICAL
Click the green ICAL button next to Calendar Address.
Step 4: Copy the link displayed
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”]
Step 2: Replace “ICALENDARURL” with your copied iCalendar link
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.
