Add a Calendar Block to the Page

You can add your nonprofit's calendar to a custom page on your website, giving your members an easy way to browse current and upcoming events.

Here's how to set up your online calendar on your website.

• Where do I enable the calendar?
• Which page should I add the calendar to?
• How do I add a calendar block to my page?
• How do I configure the calendar display?

Where do I enable the calendar?

Go to your Features page and enable the app.

Which page should I add the calendar to?

Go to a custom page on your website, found under Website > Menus and pages. Click the pencil icon next to the page to enter edit mode.

This article explains how to create a custom page.

How do I add a calendar block to my page?

To add a calendar block to your page, drag the "Calendar" block and drop it onto the grid.

The calendar block can be added to multiple pages on your website — a great way to promote your events and keep your members engaged in your nonprofit's activities.

How do I configure the calendar display on the page?

A set of options on the left side of your screen lets you customize how your calendar looks and make it more visually appealing.

You can do the following:

• Resize the height and/or width of your block.
• Add a border and choose its color and width.

• Round the corners
• Adjust the outer margins
• Duplicate the block
• Delete the block
• Choose a background

To choose a background, click the "Background" section to the right of "Block", select the "Background" element, and drag it onto the grid below your calendar.

Simply select the option you want and save. Here's a preview:

Learn more:

• Adding events to your calendar
• Managing your calendar settings