How to Embed Google Calendar in Wordpress

Quick summary

Embedding a Google Calendar in WordPress lets you display live, auto-updating event schedules directly on any page or post. You do this by copying the iframe embed code from Google Calendar settings and pasting it into a Custom HTML block in the WordPress block editor.

Steps

1. Sign in to Google Calendar by navigating to calendar.google.com with your Google account.
2. On the left sidebar, locate the calendar you want to embed under My Calendars.
3. Hover over the calendar name, click the three vertical dots (options menu), and select Settings and sharing.
4. On the Settings for my calendars page, scroll down and open the Integrate calendar section.
5. Copy the iframe code from the Embed code section — optionally click Customize to adjust size or display options before copying.
6. In your WordPress dashboard, go to Posts or Pages and open the page where you want to display the calendar.
7. Click the + button to add a new block in the WordPress block editor.
8. Search for Custom HTML and select it from the block options.
9. Paste the iframe code copied from Google Calendar into the Custom HTML block.
10. Click Preview to verify the calendar displays correctly, then click Save to publish your changes.