Summary

This document describes the process of integrating your Events Calendar items into your Drupal website through the use of RSS feeds and calendar links.

How-To

In order to complete this tutorial you will need to acquire a calendar link and RSS feed specific to your needs. Calendar links and RSS Feeds are provided by Web and Mobile Development. To request a link and/or feed, please use this link to the Web and Mobile Development work request form.

Adding link and feed to a USNH Drupal web page

Instructions

Step 1 - Navigate to your site home page and click on the Edit tab

Step 2 - Your calendar feed and link are managed in a Paragraph. For this example, we will assume a Paragraph has already been created for this purpose.

Step 3 - Scroll down the Edit page to the list of Paragraphs near the bottom, identify the Paragraph you will be working with, and click on the Edit button.

Please note: If you are adding a new Paragraph for this purpose, choose the paragraph type Feeds: RSS List.

Step 4 - Beginning on the "Edit Content" tab, fill in the Title field. We recommend using "Upcoming Events" as the text for this field.

Step 5 - Next, copy and paste your RSS feed URL into the space provided.

Step 6 - Next, choose the number of items to display. As mentioned previously, we recommend 3 to 5 events depending on how many events are available at any given time, and whether events are displayed vertically or horizontally.

Step 7 - In the "No Results Text" field, you may leave the default text or modify as desired.

Step 8 - Next, the "More Items URL" section is where your calendar link will be configured. Type in your link title in the "Title" field, copy and paste your calendar link into the URL field, then choose "Open URL in a New Window"

Step 9 - Next, choose how the event date should be displayed. You may experiment with this setting, but we recommend choosing the "Media (bootstrap media layout)" setting from the dropdown list.

Step 10 - After editing these content settings, click on the "Styles" tab and note the settings available here.

Upon completion of these steps, scroll down to the bottom of the Edit page and click on the Save button. The end result should be a display where your calendars items appear as configured, along with a calendar link that opens a new window and takes you to a page showing your events in the UNH Events calendar.

Outcome

You have successfully added links and feeds to a USNH Drupal page.

Need additional help?

Guidance on this and other related topics is available during a weekly Drupal/Sites@USNH/Website Tools - Virtual Walk-in Session.

If you have any additional questions, please fill out the Website & Mobile Development Support Form.