System updates

We’re experiencing issues that may affect your Square services. We’ll continue to update our status page with more information.

Home>Building Your Website

Add a Calendar to Your Site

Google Calendar is an easy, robust and free way to add a calendar of events to your site. You manage your events directly through Google’s interface and the details are automatically displayed via the embedded calendar on your website.

If you don’t already have a Google account, you’ll need to sign up first.

google-calendar-settings-sharing

Once you’ve created a calendar and added some events to it, you can embed it on your website. To get started, visit your calendar page and locate the calendar you want to embed on the left-hand side. Click the icon to the right of the calendar name and select Settings and Sharing.

google-calendar-public

You’ll need to make sure that your calendar is available to the public if you want everyone to be able to view events. Click Access Permissions on the left, check the Make Available to Public box and select See All Event Details from the menu.

google-calendar-integrate

Next, you’ll get the code to use on your website. Click on Integrate Calendar. You can use the code as-is by copying the text in the Embed code field, or click the customize button to change the colour and choose what information to display.

google-calendar-customize

There are a number of options here that will modify the way the calendar looks on your website. You can also choose to display any other calendars you may have added by selecting them in the list below. Turn the options on or off to see a preview, and click Update HTML when you’re satisfied with the appearance. Copy the code in the box above and head back to the Weebly editor.

google-calendar-embed-code

Drag the Embed Code element wherever you want the calendar to appear on your page, click Edit Custom HTML and paste in the code you got in the last step. When you’re ready, publish your website to allow visitors to see your calendar.

Can't find what you need?