Skip Navigation Linksfree-easy-ways-to-add-a-calendar

Log in

Free Ways to Add a Calendar to Your Website

Keep visitors to your organization's site informed about upcoming events

Free Ways to Add a Calendar to Your Website
Elliot Harmon - February 28, 2012
In this article, we'll discuss various methods to use your website to announce upcoming events. We'll start with event badges and social networking sites, the easiest ways to promote just one or two events. Next, we'll look at various third-party tools for adding a working calendar into your site. Finally, we'll suggest calendar modules for nonprofits that use content management systems.

This article is based on the original article authored by Brian Satterfield on March 13, 2007.

A version of this article is available in Spanish courtesy of TechSoup Global partner CDI Chile.

Una versión de este articulo esta disponible en español por cortesía de CDI Chile, socio de TechSoup Global.

If you want to keep friends of your organization up-to-date on events, meetings, and deadlines, adding a calendar to your website is a must. Fortunately, numerous online tools make it easy to build, update, and publish a professional calendar on your nonprofit's website. All you need is an Internet connection, a web browser, and a bit of spare time.

If you use a content management system (CMS) to manage your website, it may already offer a calendar module. If not, it's easy to add a calendar using one of several online tools. As with an email-client calendar (such as Outlook or Thunderbird), you can add listings to a web-based calendar by creating an entry that includes the event's time, date, location, and other details. The main difference is that with a web-based calendar, you do this through your browser, not on your desktop.

All of the tools we discuss here can publish your events in iCalendar, a format used by numerous desktop, handheld, and online scheduling applications. This means that your nonprofit's supporters can subscribe to your calendar with their scheduling application of choice and view your upcoming events without needing to visit your website.

In this article, we'll discuss various methods to use your website to announce upcoming events. We'll start with event badges and social networking sites, the easiest ways to promote just one or two events. Next, we'll look at various third-party tools for adding a working calendar into your site. Finally, we'll suggest calendar modules for nonprofits that use CMSes.

Event Badges and Social Networking Sites

While a full-fledged calendar will likely be the most appropriate choice for nonprofits that hold regular, recurring events, organizations that only hold occasional events might find that a monthly calendar is overkill. If this describes your situation, you can still keep your funders, volunteers, and supporters in the loop by adding a badge that shows upcoming events to your website.

Rather than displaying a full monthly calendar view, an upcoming-event badge simply lists a few events that will take place in the near future. Upcoming-event badges can be built using several free web services and easily integrated into your website via a simple HTML code cut-and-paste operation.

Create your event calendar widget

The free event-management website Eventbrite provides tools for creating widgets to display upcoming events created with the service. Once you create a free account, you can create either a single event countdown widget or a multi-event calendar widget. The single event countdown widget displays the time remaining until your upcoming event, while the multi-event calendar widget shows scheduled events when visitors click on a given day in the widget's mini calendar.

Social-events calendar Upcoming (a Yahoo! company) provides a free tool for creating badges that display upcoming events. Upcoming badges pull an event's information from the site's database, but if your event isn't listed, you can add it after you sign up for a free account. After you add events to your list, you can choose from one of two badge styles, then select whether the badge should display the event's location. Upcoming badges can display either five or 10 future events and will automatically update themselves each time you add a new event.

If your nonprofit engages with the community through social media sites, be sure to use those sites to invite supporters to your events; that way, people who follow you through MySpace, Facebook, Hi5, or other networks can be invited to your upcoming events even if they don't happen to visit your website. Using the iCalendar to Event application, you can turn the events on your calendar into Facebook events automatically. Eventbrite also allows you to publish events scheduled through the service to Facebook or Twitter.

Third-Party Calendar Services

If you're not using a CMS, the easiest way to add a calendar to your website is with one of several third-party calendar services. In most cases, all you need to do to add the calendar is paste a snippet of text into your website's code. You perform all of the customizations to the calendar's appearance on the calendar provider's website.

There are numerous third-party calendar services; we've chosen three to discuss here. Once you've determined which features are important for your calendar, you can select one of these services or seek out others.

Google Calendar

Heavyweight Google offers a number of free web-based services, including one that allows you to create an online calendar and publish it on your website. To build a calendar using Google, you'll need to first create a free Google account.

A sample calendar created with Google Calendar

A sample calendar created with Google Calendar.

Google Calendar's online interface provides several different ways to display upcoming events, including daily, weekly, and monthly views. No matter which view you choose, you can add a new event simply by clicking a date or time slot, naming it, and entering information such as the location and time.

If you want visitors to your site to be able to see your events, you'll need to set them as Public rather than Private. Whenever a visitor clicks a Public event displayed on your site, they will be taken to a Google page that contains the information you entered. You can also configure Google Calendar to permit your organization's volunteers or staffers to add or edit events.

After you've added upcoming events to a Google Calendar, you can use the service's Embeddable Calendar Helper to adjust the way it will look on your website. This includes selecting a background color for your calendar; choosing the width and height; and specifying whether the calendar will display navigation controls, a title, or the other information. After you've previewed the calendar and are satisfied with its appearance, you simply copy and paste the HTML code generated by the tool into your website.

Now every time you add a new event through Google Calendar's online interface, it will automatically appear on the calendar embedded on your site. If you want to make changes to the calendar's appearance or size, you'll need to generate new HTML code, copy and paste it into your site, and upload the file once again to your web server or hosting provider.

For more information on how to add a Google Calendar to your nonprofit's website, check out this tutorial from Google. Here are some examples of nonprofits using embedded Google calendars:

Windows Live Calendar

A sample Windows Live Calendar

A sample Windows Live Calendar.

Windows Live Calendar works similarly to Google Calendar. If you use Hotmail or are already using Windows Live calendar to track events, it might make sense to use this free calendar service to add a calendar to your website.

Once you set a specific calendar as public rather than private, you can use the service's tools to create an embeddable calendar and adjust how it will display on your site. You can create either a large, full-size calendar or a small thumbnail calendar. The thumbnail calendar is a monthly view; the view for the large calendar can be set to daily, weekly, or monthly. When you're done tweaking your calendar's appearance and settings, you just copy and paste the HTML code created by Windows Live Calendar into your website.

30 Boxes

A sample calendar created with 30 Boxes

A sample calendar created with 30 Boxes.

30 Boxes works very similarly to Google Calendar. 30 Boxes' design is much less snazzy than Google's, but it has many options for customization, including adding weather reports and photos from Flickr.

In addition to letting you embed the full calendar on your website, 30 Boxes also offers numerous widgets for displaying your calendar in social networking sites and other venues.

CMS Calendar Modules

A CMS is a piece of software installed on a web server that delivers many types of information for your website in a consistent design. If you're using a CMS, you'll get the best results if you use a web calendar native to it. In their extensive report on open-source CMSes (free download, requires email address), Idealware found that of the four CMSes they studied (WordPress, Joomla, Drupal, and Plone), only Plone includes a calendar function out-of-the-box, while the other three support additional calendar modules. Many proprietary content management systems may also include a calendar function at no additional cost to you. Check with the vendor or consultant familiar with it to see if there's one already included in the system you're using.

The great thing about using a calendar that's designed for your CMS is that it can interact with other parts of your site. For example, recently posted events can appear on your homepage or news page alongside new blog entries. Upcoming events can appear on a sidebar so that visitors can see them even if they weren't specifically looking for them.

Here are some examples of nonprofit calendars made using CMSes' calendar functions:

If you're overhauling your nonprofit's website and aren't using a CMS, this might be a good time to consider it. The Idealware report mentioned above is an excellent place to start. In addition to thorough reviews of the four most popular open-source systems, the report also lists consultants well-versed in each CMS.

Image: Calendar Pages, Shutterstock

How to Join

Not a TechSoup member?

  1. Sign up
  2. Register or associate with an organization
  3. Request products and services
Join now