Prerequisites
Before you start:
Have access to the Google account that manages the calendar.
Use a computer to configure the calendar. Mobile devices are not supported for this step.
Make Your Google Calendar Public
Open Google Calendar and log in to your Google account.
Click the Settings ⚙️ icon in the top right.
Select the calendar you want to embed from the left menu.
Under Access permissions for events, enable Make available to public.
Scroll down to Integrate calendar.
Copy the automatically generated
<iframe>code.
💡 Tip: Click Customize to adjust the calendar's size, layout, navigation buttons, date picker, and available calendar views. Then copy the updated <iframe> code.
Embed the Calendar on Your Website
Log in to your Sitebuilder.
Open the page where you want to display the calendar.
Add an HTML or Embed widget to your page.
Paste the
<iframe>code from Google Calendar into the widget.Save and publish the page.
Additional Features
Visitors can use Add to Google Calendar to subscribe to your calendar.
When customizing the calendar, you can choose which elements and views to display, such as:
Navigation buttons
Date picker
Calendar lists
Month view
Agenda view
Troubleshooting / FAQs
Do I need to make the calendar public?
Yes. The calendar must be public for visitors to view the embedded calendar.
Does the calendar work on mobile?
Yes. Make sure the embed uses responsive dimensions and test the calendar on different screen sizes.
Can I customize the calendar's appearance?
Yes. Use Google's Customize option before copying the embed code.
💡 Important: Make sure any custom code you add is correct and secure. Incorrect code can affect your website's layout or functionality. Custom coding is not supported.
Summary
Make your Google Calendar public, copy its <iframe> embed code, and add it to an HTML or Embed widget on your website. After publishing, the calendar will display your updated events in real time.