Ever wonder how to embed a Google calendar into your website? To display upcoming events for yourself or your community? I think the best way to do this is with a Google Calendar!
(If you don’t yet have a WordPress website, go here to find out about the next foundational WordPress training)

There are many WordPress plugins to add calendars to your website. Still, I find it easier to use a Google Calendar because I’m already using it for various purposes (ex., my personal calendar, my team calendar, and my program calendar). So it’s so much easier to enter my events in my Google Calendar and display that information on my websites. That way, I don’t need to redo calendar events in another system.

Here is how to Embed a Google Calendar so it Displays on Your WordPress Website:

Method 1: How to Embed a Google Calendar Using HTML Code

Embedding a Google calendar uses simple HTML code that you copy and paste. Even if you are not crazy about dealing with HTML code, you can simply follow the steps below to easily copy the code Google generates and paste it into your WordPress website.

Step 1) Inside Google Calendar, click the 3 dots next to the calendar you want to embed and select “Settings and Sharing”.

Google Calendar settings and sharing

 

Step 2) Go to the “Integrate calendar” on the left under the “Calendar settings” area and copy the iframe code displayed in the ‘Integrate calendar’ section under the Embed Code area. 

integrate google calendar instructions

Optional:  You can click on the “Customize” button to customize the the look of the calendar before creating the code.

 

Step 3) Paste this code into your website in the Code editor of your Blog and click on the Publish (or Update) Button.

How to Embed a Google Calendar inside WordPress

(More detailed instructions can be found here in the Google Calendar Help.)

Step 4) View Your Calendar on Your WordPress Website!

Here is an example of how an embedded Google Calendar looks on a web page.  This is the calendar for the Website Creation Workshop live group coaching webinars. 

 

I also have a calendar embedded  in the FAQ section on the Website Marketing Workshop enrollment page.  This intermediate program teaches you how to market a WordPress website to attract more new clients without hiring a web tech, a social media manager, or a copywriter (for intermediate-level WordPress users).

Method 2: Embed a Google Calendar into Your WordPress Website Using a Plugin

If you want to embed your Google Calendar into your website with a plugin because you want a particular look, here is one we’ve found.

Simple Calendar – Google Calendar Plugin 

simple calendar plugin
With this plugin https://wordpress.org/plugins/google-calendar-events/ you’ll need to go through a tech setup process to connect your WordPress site and Google Calendar. Still, once that connection is made, your website will seamlessly show your Google Calendar and allow you to have various display options.

Did you know that Google provides some other cool tools you can easily share or embed on your website besides Google Calendar? Check out these other blog posts to learn what else you can do on your website using Google tools!

If you want to give your clients and prospects a way to schedule time with you, go here https://websitecreationworkshop.com/wordpress-tips/schedule-clients-online/

 

(Originally published Nov 30, 2011, Last updated Dec 2025)

Was this article helpful?
YesNo