How to add a calendar block to a custom page?

The calendar block lets you display your nonprofit's events on a custom page of your website, so your members can easily browse current and upcoming events.

• How do I enable the calendar on my website?
• Which page can I add the calendar block to?
• How do I add the calendar block to my page?
• How do I customize the calendar block display?

How do I enable the calendar on my website?

1. Go to your Features page.
2. Enable the Calendar app.

The message "The Calendar app has been enabled" appears and the app toggle turns green.

Which page can I add the calendar block to?

1. Go to Website > Menus and Pages.
2. Click the pencil icon on the custom page you want to edit to enter edit mode.

The custom page editor opens.

See the article Create a custom page if you haven't created a page yet.

How do I add the calendar block to my page?

1. Select the Calendar block from the list of available blocks.
2. Drop it onto your page grid.

The calendar block appears on the page with your events calendar.

The calendar block can be added to multiple pages of your website.

How do I customize the calendar block display?

Several options are available on the left side of your screen to help you better configure how your calendar is displayed and make it more engaging.

You can perform the following actions:

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

• Round the corners of the block.
• Adjust the outer margins.
• Add a custom background.
• Duplicate or delete the block.

To add a custom background: in the Background section, select the desired element and drag it onto the checkerboard area below your calendar.

Save: the chosen background appears behind your calendar on the page, as shown in the preview below.

Go further:

• Adding events to your calendar
• Managing your calendar settings