---
title: "Adding Calendars to Your Website"
canonical: "https://kb.uconn.edu/space/IKB/10810917699/Adding%20Calendars%20to%20Your%20Website"
format: markdown
---
### Aurora Sites

#### Homepage Widget

The easiest way to add events from your calendar to your Aurora website is to use the [Setup UC Events Calendar](https://uconn.atlassian.net/wiki/spaces/IKB/pages/10787030098).

---

### Other Sites

For those using another web hosting, you may use the following PHP scripts.

#### Upcoming Events List

1. Choose whether you want to use calendar list regular or lite. Download [calendar_list.zip](https://aurora.uconn.edu/wp-content/uploads/sites/6/2020/10/calendar_list.zip).  
For the regular version, extract *calendar_list.php* into your site. For the lite version, extract *calendar_list_lite.php* into your site.
  1. The regular version will show a thumbnail picture that is included in the event and has more information for each event. The lite version will only show you the day of the event and the title.
2. Configure the calendar list by editing the RSS feed URL within *calendar_list.php* to the RSS feed you want.
  1. To obtain the feed URL for your calendar, go to **Subscribe** and choose **RSS Feed**.
  2. Select your calendar on the filter box to the right. After clicking on **Create RSS Feed**, copy the URL for that page and put it in place of the URL found next to the *$FEED_URL* variable.
    1. You can adjust the number of upcoming events to display at any given time by modifying the number assigned to *$NUMBER_TO_DISPLAY*.
  3. Choose the mode by which you want to install the file on your site. If you want to include it using *php*, set the **$MODE** variable to ***1***. If you want to use the *iframe method*, set the mode to ***2***.
3. Put the calendar list on your website.
  1. Using php: `<?php include('PATH'); ?>`
  2. Using iframe: ` <iframe src="PATH" height="240" width="320"></iframe>`

**Guide to Getting the Correct Path**

To include the calendar list correctly, you must get the path to the PHP file.

- If you have placed the *calendar_list.php* inside the same directory you are linking it from, the path will simply be *calendar_list.php*.
- If you have placed the file in a directory outside of where you are including it from, then you have to prepend *../* to calendar_list.php. For every level of directory higher, you must put an additional *../*.
- If you have placed calendar_list.php in a directory that is lower than where you want to include it, you have to prepend the directory names to calendar_list.php.

---

### Embedding the Small Calendar

1. Download [smallcal.zip](https://aurora.uconn.edu/wp-content/uploads/sites/6/2020/10/smallcal.zip), extract the smallcal folder, and place it in your root directory.
2. Extract the JavaScript files in *smallcal/scripts* and place them in your JavaScript folder.
  1. If your JavaScript folder is not named *javascript,* change the folder name in smallcal.php (lines 94, 95, 96, and 97) to the name of your javascript folder.
3. Extract the CSS files in *smallcal/styles* and place them in your CSS folder.
  1. If your CSS folder is not named *styles*, change the folder name in smallcal.php (lines 92 and 93) to the name of your CSS folder.
4. Go to [events.uconn.edu/subscribe](http://events.uconn.edu/subscribe), select **RSS Feed**, and add the calendars you wish to display.
5. Click **Create Feed**, copy the link provided, and replace the link assigned to the variable *$RSS_LINK* in smallcal.php (line 27).
6. Insert Small Calendar into your webpage using the iframe provided below. Replace PATH with the actual path of your smallcal.php file (relative to your webpage).  
`<iframe id="i_small" src="PATH" width="600" height="800" frameborder="0" allowtransparency="true"></iframe>`

## Related Articles

> Macro (contentbylabel)

> Macro (details)
> 
> | Related issues |  |
> | --- | --- |