How To Add An Events Calendar To WordPress

Learn how to add a calendar of events to your WordPress website or blog and how to schedule events …

How To Add An Events Calendar To WordPress

Are you looking for a way to keep prospective and existing customers coming back to your site?

Adding an events calendar to your site can keep your visitors, customers, and newsletter subscribers informed about upcoming in-store, community, or industry events, trade shows, workshops, conferences, etc.

It can also attract new prospects to your business, engage site users, and build authority in your niche or industry.

Additionally, you can monetize your WordPress site with paid event listings, sell event tickets, and more!

 

In this tutorial, you will learn how to add a calendar of events to your WordPress website or blog and how to schedule events in the events calendar.

How To Add An Events Calendar To WordPress

There are a number of WordPress plugins available that let you add an events calendar to your website or blog. For this tutorial, we’ll use a plugin called The Events Calendar.

The Events Calendar

The Events Calendar

(The Events Calendar)

Plugin Description

The Events Calendar is a free, feature-rich WordPress plugin that lets you easily create and manage a customizable events calendar on your site. It’s suitable for all kinds of businesses, from large hubs listing thousands of events and universities and colleges with thousands of users, to small or sole businesses listing classes, workshops, etc.

The plugin is also available as a premium edition with extensible features that let you expand its functionality to include recurring events, event submissions, event filtering, ticket sales, and more.

Plugin Installation

Although the plugin is described as “built by developers for developers,” it is easy for non-techies to install, set up, and use.

To install the The Events Calendar plugin from your WordPress dashboard, go to Plugins > Add New, enter “events calendar” into the Keyword search field (if you need help, see our tutorial on installing WordPress plugins), and click on the ‘Install Now’ button …

Install The Events Calendar plugin

(Install The Events Calendar plugin)

After installing the plugin, click ‘Activate’ …

Activate the plugin

(Activate the plugin)

Configuring The Plugin

Installing and activating the plugin adds a new menu item to the WordPress dashboard menu.

To configure the plugin’s settings, select the Events > Settings menu …

Events - Settings menu

(Events – Settings menu)

This brings up the ‘Events Settings’ screen …

'Events Settings' screen

(‘Events Settings’ screen)

The plugin is well supported and documented. To learn how to configure the plugin’s settings, select the Events > Help menu …

Events - Help menu

(Events – Help menu)

This brings up a screen with links to the plugin’s support section and help documentation, including a walkthrough on how to configure the plugin’s settings …

The Events Calendar - Support and Help screen

(The Events Calendar – Support and Help screen)

In addition to configuring your calendar settings, it’s a good idea to also plan your event categories before creating event listings.

Select the Events > Event Categories menu …

Events - Event Categories menu

(Events – Event Categories menu)

Adding event categories is just like adding post categories (see our tutorial on how to use post categories if you need help with this step) …

Add event categories

(Add event categories)

One last thing …

Make sure to add links to your Events Calendar on your site’s navigation menus …

Link to your Events Calendar on your main navigation menus

(Link to your Events Calendar on your main navigation menus)

The default URL for your Events Calendar should be something like http://yoursite.com/events (check your plugin settings to confirm the URL).

Using The Plugin

After configuring your plugin’s settings and event categories, you can begin adding events to your calendar.

To view or edit your event listings, select Events > Events

Events - Events menu

(Events – Events menu)

This brings up the ‘Events’ screen with all your event listings …

xxx

(Events screen)

Let’s go through an example on how to set up an event listing …

Let's set up an event listing

(Let’s set up an event listing)

Planning Your Events

Before adding a new event to the calendar, make sure you have the following:

  • Event details – start & end dates/times, cost, etc.
  • Venue details – venue name & address
  • Organizer details – name and contact details, website address, etc.
  • Event listing images – images for your content and listing thumbnail, and a featured image

Useful tip

In addition to content and featured images, we also recommend creating placeholder images for future events. This will allow you to set up “coming soon” events where you add event details later.

We also recommend uploading your content and placeholder images to a cloud storage service (e.g. Amazon S3) and your featured images to your WordPress Media Library.

To create a new event listing, log into your WordPress admin area and select the Events > Add New menu …

Events - Add New menu

(Events – Add New menu)

Note: You can also add a new event by clicking the ‘Add New’ button in the ‘Events’ area …

Events - Add New

(Events – Add New)

This brings up the ‘Add New Event’ screen …

'Add New Event' screen

(‘Add New Event’ screen)

Enter the following details into this screen:

(1) Event Title – Add the title of your event here.

(2) Event Listing content – Add a description of your event here (including content or placeholder images). See section below for useful tips on adding content to this section.

(3) Events Calendar fields – Add your event details here like time & date, location, event organizers, event website, cost, select whether to display Google map, etc. …

(4) Excerpt – Copy and paste an excerpt from your main content’s event description into the Excerpt field …

Event excerpt

(Event excerpt)

(5) SEO Details – If you have configured your site for automated traffic generation and installed an SEO plugin (e.g. Yoast SEO), add your event excerpt or description and a ‘focus’ keyword into your SEO section …

Add SEO details

(Add SEO details)

(6) Tags – Add tags just like you would if creating a post (see our tutorial on how to use post tags if you need help).

(7) Event Categories – Select your event category(ies).

(8) Event Options – Here, you can select options for your listing like Hide From Event Listings, Sticky in Month View (sticky events display first in your list of events), and/or Feature Event (highlights the event on your site).

(9) Featured Image – Add a featured image for your event listing here …

Set event listing options

(Set event listing options)

To help speed up the process when adding similar future event listings, we recommend creating event templates using your WordPress content editor. You can add the main elements as ‘search and replace’ tags and even add rotating advertising banner shortcodes in your template.

Create the template in the WordPress visual editor, then switch to the ‘text’ tab, select all content, paste it into into a plain text file, and save it to your hard drive …

Create event templates

(Create event templates)

This way, to create a new events listing, just:

  1. Open your events template and copy everything t your clipboard,
  2. Select the ‘Text’ tab in the WordPress content editor and paste the content from your clipboard,
  3. Switching back to the ‘Visual’ tab to view and edit the content …

Save time with an events template ...

(Save time with an events template …)

To finish creating the event listing, replace the placeholder image with your event (i.e. content) image …

Add your content image

(Add your event image)

Continue editing the rest of your content to create your event listing and remember to keep saving as you go …

Edit your event template to create your listing

(Edit your event template to create your listing)

Check that all event details and event settings are correct, then click ‘Save Draft’ or ‘Publish’ …

Publish your event listing

(Publish your event listing)

After publishing, preview your event listing to make sure that everything looks ok …

(Preview your event listing)

Also, go to your events section from your main menu …

Make sure that everything displays correctly (also check your event dates) …

Check your event listings

(Check your event listings)

Your event listing has now been added to your events calendar and can be promoted in your email newsletters, social media, etc.

Copy and use the event listing’s URL to promote an individual event, or refer visitors to the events calendar on your site to view upcoming events.

Events Calendar – Additional Features

The Events Calendar plugin lets you store a list of all event venues.

Go to Events > Venues

Events - Venues menu

(Events – Venues menu)

This brings up the Venues screen with a table of all your event venues …

Venues screen - Table of venues

(Venues screen – Table of venues)

Click on an item to edit venue details …

Venue information screen

(Venue information screen)

This lets you set up future event listings or edit existing items by selecting the venue from a drop-down menu …

Venue drop-down menu

(Venue drop-down menu)

Similarly, you can store information about event organizers in the  Organizers section (Events > Organizers) …

Events - Organizers menu

(Events – Organizers menu)

You can also use the premium Events Import feature to import events from Facebook, Google Calendar, iCalendar, etc. …

Events Import

(Events Import)

Note: The plugin also lets your users and site visitors import your event listings into their calendars …

Users can import your event listings into their calendars

(Users can import your event listings into their calendars)

The plugin also includes an Events Calendar widget

Events Calendar widget

(Events Calendar widget)

Use the widget to display a mini calendar on your sidebar …

Display a mini calendar on your sidebar

(Display a mini calendar on your sidebar)

As you can see, this is a comprehensive events listing plugin. If you need help using The Events Calendar features, see the Events Calendar Knowledgebase.

For more information about the plugin, check out the video below, or go here: The Events Calendar

(The Events Calendar – Plugin Overview)

You can also check out the plugin’s premium features by going to Events > Event Add-Ons or visiting the plugin’s main website

Events > Event Add-Ons

(The plugin provides a number of event add-ons with additional features)

Other WordPress Events Calendar Plugins

We have also written about other WordPress plugins that allow you to add event listings on your site or turn your entire website into an event listing directory, run event registrations, etc.  here:

Additionally, if you need help with general WordPress features used to create event listings, see our detailed tutorials below:

Adding an events calendar to WordPress is a powerful enhancement you can make to your website. We hope that you have found the above information useful.

How To Add An Events Calendar To WordPress

Some images sourced from Pixabay.

***

"Wow! I never knew there's so much to learn about WordPress! I bought one of the WordPress for Dummies three years ago, such authors need to be on this course!" - Rich Law, Create A Blog Now

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not affiliated, associated, endorsed, or sponsored by WordPress, nor have they been certified, tested, or reviewed by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items advertised, reviewed, or linked to this site.

***

Did you enjoy this post? Please feel free to share this post with anyone who can benefit from learning about WordPress using the social buttons below.

Avada – A Highly Customizable Multipurpose WordPress Theme

Avada is a fully responsive and highly customizable WordPress theme that offers you unlimited flexibility and lets you build any kind of website you need for any type of business without having to touch code ….

Avada – A Highly Customizable Multipurpose WordPress Theme

If you are looking for a fully responsive and highly customizable WordPress theme that offers you unlimited flexibility and lets you build any kind of website you need for any type of business without having to touch code, then you would be hard pressed to find a better theme than Avada.

Avada

Avada WordPress Theme

(Avada WordPress Theme)

Avada is one of the best-selling WordPress themes of all time. It installs with over 40 pre-made fully-featured websites and over 255 pre-made web page designs …

Avada installs with 40+ pre-made websites and 255+ web page designs

(Avada installs with 40+ pre-made websites and 255+ web page designs)

Avada integrates with WooCommerce and comes with a number of store demos allowing you to easily set up an online store and sell your products …

Avada integrates easily with WooCoomerce

(Avada integrates easily with WooCoomerce)

With Avada, you literally can build anything online, from websites for micro-businesses and small businesses, to corporate websites and blogs, portfolio websites, e-commerce stores, and more!

The Avada WordPress theme lets you build anything online!

(The Avada WordPress theme lets you build anything online!)

This premium theme is used by hundreds of thousands of websites and sells for around $60.

Check out the Avada demo.

Avada Theme Options

The Avada theme is easy to install, configure, and use.

Once installed, Avada adds its own menu section in the WordPress admin menu, giving you access to guided tours, support, documentation, system status, additional plugins and theme options …

Avada menu section

(Avada menu section)

Avada offers an incredible amount of flexibility allowing you to build a unique-looking website. The Theme Options menu provides thousands of highly configurable options neatly organized into sections that allow you to build and customize your website without any coding knowledge …

Avada theme options menu

(Avada theme options menu)

The image gallery below contains screenshots of the Theme Options menu …

(Avada Theme Options – Settings)

Avada also includes plugins like Fusion Builder that lets you create unique pages using drag and drop …

Avada lets you build unique web pages using drag and drop

(Avada lets you build unique web pages using drag and drop)

Fusion Builder provides you with a huge library of functionality (called ‘elements’) that you can add to your pages …

Fusion Builder elements

(Fusion Builder elements)

Avada Theme Support

The Avada theme developers provide excellent customer support and regular theme updates …

Avada theme is regularly updated

(Avada theme is regularly updated)

The Avada theme comes with 6 months of free technical support (extended through an annual subscription), plus access to documentation, product knowledgebase, video tutorials, community forum, and Facebook group …

Avada theme developers provide great customer support

(Avada theme developers provide great customer support)

Avada Theme – Additional Info

In addition to all the configurable options, plugins, templates, and design elements included with the theme, Avada is:

  • Fully Responsive: Your website will adapt and look great on every device, web browser, and screen size.
  • Translation & RTL-ready: You can translate your site into any language, or use one of dozens of included language files. Avada is also fully RTL (right-to-left) compatible.
  • Layout: Control the overall site width, main content area, and single and dual sidebar widths using pixels or percentages. Choose full-page or boxed layouts for different pages, advanced header and footer options, multiple menu locations, 1-6 column options, mega menus with widgets, page title bars, different types of sliders, lightboxes, custom backgrounds, one page sites with parallax scrolling effects, multi-page sites, etc.
  • Blog: You can run a website or e-commerce store as your main website and a blog with a different layout and customizable blog options. You can also add a forum, portfolio pages, etc.
  • Unlimited Colors: Avada provides unlimited color choices and options for your website and page elements using an advanced color selection tool.
  • Advanced Typography: Avada offers advanced typography options that give you full control over the type that displays on your website.
  • Social Sharing: Avada has a full set of social icons and styling options for sharing your content.
  • SEO and Speed Optimized – The theme is optimized for search engine indexing and a great user experience.

Watch the video below for a guided tour of the Avada theme …

(Avada WordPress Theme – video tour)

In short, no matter what business you are in or what kind of website you plan to build, with a theme like Avada installed on your WordPress site, you can easily build and configure a unique website that lets you do whatever you need, that puts you in control of your digital presence, and that will save you hundreds or even thousands of dollars on the cost of web development or web design.

For more details about this excellent WordPress theme, or to view demo options, review customer testimonials, etc. go here: Avada Theme

Get Thrive Leads for WordPress

***

"I am beyond impressed with what you have put together. I can tell that you put a ton of hard work into building what you have. You have the absolute best content on WordPress I have ever seen!" - Robert T. Jillie

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site is not affiliated with nor sponsored by Automattic, Inc. or the WordPress Open Source project. This site and the products and services offered on this site are not associated, affiliated, endorsed, or sponsored by WordPress, nor have they been reviewed, certified, or tested by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items linked to, advertised, or reviewed on this site.

***

Have you found this post useful? Please use the social buttons below and share this article with other blog owners.

How To Add Your Instagram Feed To WordPress

Learn how to add your instagram feed to your WordPress website or blog without touching code …

How To Add Your Instagram Feed To WordPress

Do you run a WordPress website or blog to promote your business, products, or services?

Do you have an Instagram account where you are uploading images related to your business, products, or services?

Would you like to display your Instagram images on your WordPress website or blog automatically?

In this tutorial, you will learn how to add your instagram feed to your website or blog without touching code.

How To Add Your Instagram Feed To WordPress

If you run a WordPress site or blog related to travel, food, photography, fashion, design, or any topic that can benefit from the addition of visual elements like photos, images, or videos, then why not spice up your posts, pages, and blog sidebar with the latest images and videos from your Instagram account?

Adding content from Instagram to your WordPress site can help to increase user engagement, increase awareness of your brand or blog, add loads of visual appeal, and save you time doing the manual work of adding the same content to both your Instagram account and your website.

Add An Instagram Feed To WordPress Using A Plugin

There are many plugins available in WordPress that you can use to add an instagram feed to your website or blog.

For this tutorial, we’ll use the plugin below.

WD Instagram Feed

WD Instagram Feed

(WD Instagram Feed)

Plugin Description

WD Instagram Feed is a free WordPress plugin that lets you add Instagram feeds to display media you have uploaded to your account on your posts, pages, and sidebar area. Once set up, feeds sync automatically with your WordPress site to display your latest Instagram content uploads.

The plugin only takes a couple of minutes to set up and customize and provides settings and features that give you full control over how content from your Instagram feed display on your website.

Useful Tip

Before installing the plugin, make sure you are logged into your Instagram account.

Plugin Installation

To install the WD Instagram Feed plugin from your WordPress dashboard, go to Plugins > Add New, enter “instagram” into the Keyword search field (if you need help see our tutorial on installing WordPress plugins), and click on the ‘Install Now’ button …

Install WD Instagram Feed plugin

(Install WD Instagram Feed plugin)

After installing the plugin, click ‘Activate’ …

Activate the plugin

(Activate the plugin)

Configuring The Plugin

After the plugin has been installed and activated, select Instagram Feed WD > Settings from your main WordPress admin menu …

Instagram Feed WD - Settings menu

(Instagram Feed WD – Settings menu)

The plugin will ask for permission to collect usage data. Choose ‘Allow & Continue’ or ‘Skip’ to proceed …

Plugin installation process - permission request to collect usage data

(Plugin installation process – permission request to collect usage data)

This brings you to the plugin ‘Overview’ screen, where you can view a tutorial video, access the plugin user guide, contact support, etc. When you are ready to begin using the plugin, click on the ‘Start Using’ button …

Click on 'Start Using' button

(Click on ‘Start Using’ button)

This will bring you to the ‘Instagram WD Settings’ screen. Make sure that you are already logged into your Instagram account and click on the ‘Sign in with Instagram’ button to connect your WordPress site with your Instagram account …

Click 'Sign in with Instagram' button

(Click ‘Sign in with Instagram’ button)

Authorize the connection …

Click 'Authorize' to connect

(Click ‘Authorize’ to connect)

The plugin will automatically add the access token required to connect your WordPress site with your Instagram account. Click ‘Save Changes’ to continue …

Your WordPress site and Instagram account are now connected!

(Your WordPress site and Instagram account are now connected!)

To view or edit your Instagram feed, select Instagram Feed WD > Feeds from your main WordPress admin menu …

Instagram Feed WD - Feeds menu

(Instagram Feed WD – Feeds menu)

This brings you to the ‘Feeds’ screen …

Instagram Feed WD - Feeds screen

(Instagram Feed WD – Feeds screen)

Hover over your feed title and click on ‘Edit’ to edit your feed …

Click on 'Edit'

(Click on ‘Edit’)

Here you can edit and customize your feed, including feed title, layout, media settings, etc.  …

Edit and customize your feed

(Edit and customize your feed)

You can also customie your feed theme, by selecting Instagram Feed WD > Themes from your main WordPress admin menu …

Instagram Feed WD - Themes menu

(Instagram Feed WD – Themes menu)

If you are using the free version of the plugin, you will need to upgrade to the premium version to be able to customize your feed theme …

Instagram Feed WD - Customize Feed Themes

(Instagram Feed WD – Customize Feed Themes)

Using The Plugin

After configuring the plugin, you can display content from your Instagram feed on your WordPress blog sidebar or insert it into any post or page you like.

Display Instagram Feed On Your WordPress Sidebar

To display your Instagram feed on the sidebar or footer of your WordPress site, go to your Widgets section and add the ‘Instagram WD Widget’ to your  widget bar.

Configure the widget options and click ‘Save’ to update your settings …

Instagram WD Widget

(Instagram WD Widget)

Your Instagram feed should now display content where you have added the widget as configured in your widget settings …

Instagram feed added to WordPress sidebar

(Instagram feed added to WordPress sidebar)

Display Instagram Feed On Your WordPress Posts Or Pages

To add your Instagram feed to a post or page, you can copy the shortcode from your ‘Feeds’ section to your clipboard and paste it into your content …

Copy Instagram feed shortcode to your clipboard

(Copy Instagram feed shortcode to your clipboard)

Or you can use the ‘Add Instagram Feed’ menu button (1) from your content editor to insert the shortcode into your content (2) …

Add Instagram Feed - Menu Button

(Add Instagram Feed – Menu Button)

After adding the shortcode, replublish your post or page …

Add Instagram Feed shortcode to your content

(Add Instagram Feed shortcode to your content)

Preview your post or page to view your feed content  …

Display content from your Instagram feed on your WordPress site

(Display content from your Instagram feed on your WordPress site)

Useful Tip

Fine-tune the plugin’s Instagram feed settings to get your content displaying exactly how you want it. If you need advanced customization optiond, consider upgrading to the premium version of the plugin.

To learn more about using this plugin, watch the video below or visit the plugin website here: WD Instagram Feed

(Instagram Feed WD Plugin for WordPress)

Congratulations! Now you know how to add your instagram feed to your WordPress website or blog.

How To Add Your Instagram Feed To WordPress

***

"I was absolutely amazed at the scope and breadth of these tutorials! The most in-depth training I have ever received on any subject!" - Myke O'Neill, DailyGreenPost.com

Disclaimer: WordPress and its related trademarks are registered trademarks of Automattic, Inc. This site and the products and services offered on this site are not affiliated, associated, endorsed, or sponsored by WordPress, nor have they been reviewed, certified, or tested by WordPress. The owner, contributors and/or advertisers may derive financial benefit from sales of items reviewed, advertised, or linked to this site.

***

Did you find this article useful? Feel free to use the links below to share this tutorial with other blog owners.