Jotter Community

Adding a calendar to your website

Here we will show you how to add the calendar to your website.

 

1. To use the calendar on a web page,  you will need to move to the main website by selecting the Site app from the Dashboard.

2. Navigate to the page that you would like to add the calendar events feed on. Click on the Edit Page button.

There are two ways to add events from a calendar onto your webpage, as a calendar or as upcoming events.

Adding a calendar

To add a calendar, click on Insert Item and select Calendar.

Insert the calendar where you would like to see it by clicking Insert calendar here.

After clicking the area where the Calendar should be shown, a popup will appear. In the popup you can select which calendars to show in the displayed calendar.

Click the Select button for your chosen calendar at the right of the popup. You can click Deselect to remove the calendar from your selection.

Once you have finished adding calendars click Choose

Your calendar will now appear on your web page. 

You will notice a grey bar at the top of the page, here you can change the Calendar selected by clicking the calendar name. You can also change the Default View to Day, Week, Month, Basic Day, Basic Week. If you make any change click on Update

Upcoming Events

To add upcoming events, click Insert Item and select Upcoming Events

 

Insert the upcoming events where you would like to see it by clicking Insert upcoming events here.

After clicking the area where the Upcoming Events will be shown, a popup will appear. In the popup you can select which calendars to pull upcoming events from.

Click the Select button for your chosen calendar at the right of the popup. You can click Deselect to remove the calendar from your selection.

Once you have finished adding calendars click Choose

Your upcoming events will now appear on your web page. Clicking on the Calendar name at the bottom of upcoming events will display the calendar.

You can alter how many events you would like to appear,  and how many days in advance events should be shown. If you make any changes, click the Update button on the toolbar.

When you have finished adding the Calendar click Save Page and Save and Publish.