Quick wins for a faster PC:
Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Repair Windows errors before they cause bigger problemsFix Now →The quickest way to add Google Calendar to WordPress is to make the calendar public, copy Google’s iframe embed code from the desktop Calendar website, and paste it into a WordPress Google Calendar block or Custom HTML block. WordPress.com includes a dedicated block; self-hosted WordPress.org sites can use Custom HTML, Jetpack, or a calendar plugin.
Before you start
- Use a computer. Google provides the embed-code controls in the desktop web interface, not the mobile app.
- Use a Google account with access to the calendar you want to display.
- Decide whether visitors should see the entire calendar or only selected people. A calendar remains visible only to people it is shared with unless you make it public. For a public website, set the calendar’s access permission to public in Google Calendar.
Google’s official instructions are in Google Calendar Help.
Get Google’s embed code
- Open Google Calendar on a computer.
- Click the gear icon, choose Settings, and select the calendar under Settings for my calendars.
- Scroll to Integrate calendar. If visitors do not have individual sharing permission, enable public access in the calendar’s access settings first.
- Use Customize to choose which controls appear and to set the calendar’s dimensions, colors, language, and time zone. Google recommends a width and height of at least 500 pixels.
- Copy the generated Embed code. It is an
<iframe>element.
Add the calendar on WordPress.com
- Open the page or post in the WordPress.com editor.
- Click the + inserter and search for Google Calendar.
- Insert the Google Calendar block, paste the iframe code, and click Embed.
- Use the block’s alignment controls—left, center, right, wide, or full width when supported by your theme.
- Preview the page in a new browser tab, check the desktop and mobile layouts, then publish or update it.
If the Google Calendar block is not available on your WordPress.com site, use a Custom HTML block and paste the same iframe code.
Add it to self-hosted WordPress.org
Method 1: Custom HTML block
- Edit the page or post with the Block Editor.
- Insert a Custom HTML block.
- Paste Google’s iframe embed code into the block.
- Use the block’s preview option, then test the published page while logged out or in a private browser window. This confirms that public visitors, rather than only your Google account, can see the calendar.
This is the lightest no-plugin approach, but the calendar’s appearance and behavior remain controlled mainly by Google’s embed settings and your theme’s available width.
Method 2: Jetpack Google Calendar block
Jetpack provides a Google Calendar block for self-hosted sites. Install and connect Jetpack, make sure the site uses the Block Editor, then insert the Google Calendar block and provide the calendar embed information. Jetpack’s block is part of Jetpack Blocks; it will not appear in a site using a different editor unless that editor supports the block.
Choose the right implementation
| Option | Best for | Trade-offs |
|---|---|---|
| Custom HTML with Google’s iframe | A fast, lightweight calendar without another plugin | Styling and behavior are constrained by Google’s embed |
| WordPress.com Google Calendar block | WordPress.com users who want a guided block | Availability differs on self-hosted WordPress |
| Jetpack Google Calendar block | WordPress.org sites already using Jetpack and the Block Editor | Requires a Jetpack-connected site |
| Simple Calendar | A more responsive or styled event display | Adds a plugin that must be maintained; its WordPress.org listing showed 50,000+ active installations when retrieved in 2026 |
| ICS Calendar or Hydrogen Calendar Embeds | Public ICS/iCal feeds or multiple calendar sources | Requires a public feed URL; feed caching and source changes can affect freshness |
Make the embedded calendar usable
Set a sensible size
Start with Google’s recommendation of at least 500 pixels for both width and height, then preview at your theme’s content width. A fixed-width iframe can overflow a narrow phone screen; a responsive or styled plugin may handle that more gracefully.
Rank #2
Check privacy and time zones
Only publish a calendar whose events are appropriate for public viewing. In Google’s customization controls, select the language and time zone your audience expects. Test recurring events and event details after publishing.
Test as a visitor
Open the published page in a private window and on a phone. Confirm that the calendar loads without a Google login, navigation controls work, and no horizontal scrolling or clipped content appears.
The Tool Desk
Outbyte PC Repair FREERepair Windows errors before they cause bigger problemsFix Now →Outbyte Driver Updater FREEFix the driver behind crashes, sound loss and screen glitchesFind Drivers →Rank #3
Troubleshoot a blank or inaccessible calendar
The frame is blank or shows an access error
The calendar is usually still private, or the viewer lacks sharing permission. Recheck the calendar’s public-access setting and republish the page after copying a fresh embed code.
The Google Calendar block is missing
On self-hosted WordPress, the dedicated block comes from Jetpack Blocks and requires the Block Editor. Use a Custom HTML block instead, or install and connect Jetpack if you want its block-based workflow.
Events do not appear after an ICS feed update
ICS Calendar stores retrieved feed data in WordPress transients for one hour. If a source changed and the page is still showing old events, use the plugin’s Clear Cached Calendar Data control, then reload the page.
The calendar looks wrong on mobile
Reduce the configured width, remove unnecessary controls in Google’s Customize screen, or use a responsive calendar plugin. Check the result at the actual theme breakpoints rather than relying only on the editor preview.
Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Fix the driver behind crashes, sound loss and screen glitches3Clear out junk files and repair common Windows errorsShow a button for one event instead
If you do not need a full calendar, Google documents a separate Publish event flow that creates a button visitors can use to save one public event. Use that approach for a single appointment, webinar, or deadline rather than embedding an entire schedule.
Quick Recap
Recommended workflow
- Make the correct Google calendar public, or share it explicitly with every intended viewer.
- Generate and customize the iframe from the desktop Integrate calendar settings.
- Paste it into a WordPress.com Google Calendar block, self-hosted Custom HTML block, or Jetpack block.
- Preview in a private browser window on desktop and mobile.
- Choose a maintained plugin only if you need responsive styling, multiple feeds, or controls that Google’s iframe does not provide.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
