How to embed a Google Calendar in WordPress

Google Calendar is a free calendar application from Google. This guide will show you how to embed (i.e., display) a Google Calendar onto your WordPress.com website.

To embed a Google Calendar on your website, Google will provide a piece of code for you to use. To find your embed code, follow these steps:

1. Visit https://calendar.google.com/ and log in if you are not already logged into Google Calendar.
2. On the left side of the screen, locate the “My calendars” section.
3. Click the three dots next to a calendar name and select the “Settings and sharing” option:
   
4. Scroll down to the “Access permissions for events” section.
5. Make your calendar public by ticking the “Make available to public” checkbox:
   
6. Scroll down further to the “Integrate calendar” section. Copy the full code in the “Embed code” box. The embed code contains your Google account name, so be sure you’re okay with publicizing that name.

• Alternatively, click the “Customize” button to adjust the calendar details, width, height, color, language, time zone, and more. The embed code at the top of the screen will update with each change, so copy the new code when you have finished customizing the calendar embed.

Step 2: Embedding the Calendar in WordPress

Using the Gutenberg Builder

1. Open a new page, or an existing page in edit mode that uses the stock WP Gutenberg Builder Blocks
2. Add a Custom HTML Block
   
3. Paste the "Embed Code" from your Google Calendar setting
4. Save and Preview Page