Heroic Help

Adding a Google calendar to a page

Blog post1 min readUpdated Feb 21, 2025View source ↗
Retrieve your calendar HTML code from Google Using a desktop computer, open [https://calendar.google.com|open Google Calendar] In the top right, click the Settings icon, and then click the Settings option 169-1.jpg On the left side of the screen, click the name of the calendar you want to embed. 169-2.jpg Click on Integrate calendar 169-3.jpg section, copy the iframe code displayed. 169-4.jpg To make a change to how your calendar looks when embedded, click the Customize button which you'll find under the embed code 169-5.jpg Choose your options, then copy the updated HTML code. IMPORTANT: Your embedded calendar will only be visible to people you've shared it with. To allow all visitors to see your calendar, you'll need to make it public. Embedding the calendar code onto a Heroic page [using-js-html-snippets|Use a HTML/JS Snippet element to embed the HTML code onto a Heroic page.]
Was this article helpful?

Still puzzling over something?

The agent has read this article — and everything around it. Ask a follow-up and it answers in seconds.

← Back to Help Center