Embed a Google Calendar into your post or page with Jetpack’s Google Calendar block.
Activation requirements
The Google Calendar block is available on all Jetpack-connected sites. It is a part of the Jetpack Blocks suite and is activated by default. See our Jetpack Blocks article to learn about the available blocks and how to activate them.
Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you will need to switch back to the Block Editor either by:
- Deactivating the Classic Editor: Go to Plugins → Installed Plugins in your WP Admin and deactivate the Classic Editor plugin.
- Enabling both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin. Set Allow users to switch editors to Yes.
See Using Blocks and the Classic Editor for more details.
It may happen that an editor that comes with a custom theme or plugin prevents you from using the Block Editor. In that case, please contact the respective plugin or theme author for further assistance.
Add the Google Calendar block
You can add the Google Calendar block by searching and/or selecting it from the Jetpack section of the block selector. You can recognize the block by its green Google Calendar icon. See Jetpack Blocks for detailed instructions on adding blocks.
Once you’ve added the block, you will need to enable Permissions for the calendar you want to share; then, you can add the embed link or an iframe tag to display the calendar.
Check this documentation page for detailed information on enabling permissions for your calendar to add in the block.
Customize the Google Calendar block
Access the block toolbar by clicking on the block: use the alignment button in the toolbar to add the calendar to the left, right, or center relative to the page.
Block Settings
Every block has specific options in the editor sidebar, and options can be found in the block toolbar. If you do not see the sidebar, click the Settings icon (it looks like a menu) next to the Publish button.
The block doesn’t have any specific settings to manage. However, if you want to change the embed link or the iframe code, you can do it from the Calendar settings instead of removing the block completely and starting from scratch (by re-adding it).
Finally, from the Advanced tab you can add a CSS class to your block, write custom CSS, and style the block as you see fit.
Still need help?
Please contact support. We’re happy to advise.
Privacy Information
The Google Calendar block is activated by default. It cannot be deactivated.
| Data Used | |
|---|---|
| Site Owners / Users
We use your public calendar embed URL to add an HTTPS iframe to your post, which embeds your calendar information directly from Google Calendar. |
Site Visitors
None. |
| Activity Tracked | |
| Site Owners / Users
We don’t track anything. Refer to the Google Privacy Policy for details of any activity they track. |
Site Visitors
None. |
| Data Synced (Read More) | |
| Site Owners / Users
We don’t sync any of your Calendar data. The only information we save is the public embed URL of your Google Calendar which is saved as part of the post content.. |
Site Visitors
None. |
Jetpack 