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](http://images.ctfassets.net/gc4s9mi2asix/1v76NusGEpj5nGDbnuXmhs/c9889c3b1744318de873ea2fa2509e47/4994823d28c062e61b660bc97a021121.jpg)
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](http://images.ctfassets.net/gc4s9mi2asix/5pez1ytV2ppLZcrkadzZAK/6dec3122c560b20ff8387adac28fe894/62f99249ed51dafebbca72a955c24a6a.jpg)
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, tick the Make Available to Public box, and select See All Event Details from the menu.
![google-calendar-integrate](http://images.ctfassets.net/gc4s9mi2asix/45BvTtX2TeQTvwip44EL1L/0a5ed5ba824678e20f1e0a26cd733ee9/83f8a38ebb11ce9cd905eecdd6f4698c.jpg)
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 customise button to change the colour and choose what information to display.
![google-calendar-customize](http://images.ctfassets.net/gc4s9mi2asix/6OEmlJZJs9zNh7EuqNHNU0/42c070b0c734e77c421c50e147cd6d62/114efa5d561ba4bac64173be32be7021.jpg)
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](http://images.ctfassets.net/gc4s9mi2asix/4VPFlJZl12rhYHhtpUYciO/f2337cdf929a8bd4e3e5653409f19c61/03005abba3cd6cf765b0de00ad1fce55.jpg)
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.