123 Reg Support

How do I add and manage a calendar on my website?

This article will show you how to create and manage calendars within Website Builder.

Having a calendar on your website allows your visitors to see any upcoming events.

Simply choose the relevant section from the list below and follow the provided instructions to get started:

Please note: this article only applies to Version 9 of our Website Builder. If you’re not sure which version you have, you can find out by reading this article.

Creating your calendar

Step 1 of 5

Start by logging in to Website Builder.

Step 2 of 5

From there, access the page you wish to add your calendar to and add a new section.

Step 3 of 5

Select Scheduling from the right-hand menu that appears and then choose Calendar from the list of options.

Step 4 of 5

Click Add below the Calendar option.

Step 5 of 5

A list of placeholder events will now appear on your page. You can also change the title and introduction of this section using the options within the right-hand menu.

Managing your calendar

You’ll need to decide whether to add events yourself or use an existing calendar from a third-party provider, such as Outlook, Google or Yahoo. You can also sync your calendar with your appointments, thereby avoiding any overlapping events.

Adding events yourself

Step 1 of 3

Start by selecting your calendar section.

Step 2 of 3

Click the option Add Events from the right-hand menu.

Step 3 of 3

You can now manually change the details of each event on your page by clicking a specific piece of text.

To add new events, click the + icon that appears below the title of your Calendar.

Syncing with your appointments

Please note: you will only be able to sync one calendar at a time.

Step 1 of 4

Select Appointments in the right-hand menu.

Step 2 of 4

You will now be taken to your dashboard. From here, select Appointments in the toolbar and then choose Apps within the Settings list.

Step 3 of 4

Select Add Calendar below Cronofy.

Step 4 of 4

Choose which third-party provider you typically use from the list of options. From there, follow the on-screen instructions to complete the process.

Using a calendar from a third-party provider

Select your calendar section on your page, and then choose the option Link a Calendar. You’ll now need to enter the URL for your calendar into the provided field. For details on where to find this, please read the section below.

Google Calendar

Step 1 of 6

Start by signing in to your Google account.

Step 2 of 6

Select the grid icon in the top-right corner and then choose Calendar from the list of options.

Step 3 of 6

From there, select the gear icon in the top-right corner and choose Settings from the drop-down menu.

Step 4 of 6

Select which calendar you want to use from the left-hand menu.

Step 5 of 6

Click Calendar settings from the provided options and Ensure that the option Make available to public is ticked.

Step 6 of 6

Next, select Integrate calendar from the left-hand menu and you will see the URL for your calendar within the Public address in iCal format

Outlook Calendar

Step 1 of 5

Start by signing in to your Outlook account.

Step 2 of 5

Select Settings in the top-right corner, followed by View all Outlook settings.

Step 3 of 5

Click Calendar in the left-hand menu, followed by Shared calendars.

Step 4 of 5

Choose which calendar you want to use from the first field, and then select the option Can view all details in the second field. Next, select Publish.

Step 5 of 5

The URL for your calendar will now be shown as a HTML and ICS link. Be sure to use the ICS link for your website.