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 down arrow next to the calendar you want to embed and select Calendar settings.
Step 2) Copy the iframe code displayed in the ‘Embed This Calendar’ section. (Option: customize the color, size, and other options before creating the code).
Step 3) Paste this code into your website in the HTML editor of your Blog and hit PUBLISH.
(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 an embedded Google Calendar from my intermediate WordPress training classes:
This calendar has my class Webinars listed for the Website Marketing Workshop. It’s a program where I teach 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: How to Embed a Google Calendar into Your WordPress Website Using a Plugin
If it’s important that you embed your Google Calendar into your website with a plugin because you want a particular look, here are a couple of popular options.
All-in-One Event Calendar
This is a free WordPress calendar plugin that lets you display your events in various ways. While it allows you to create events right in your WordPress admin panel, it can also pull in your Google Calendar entries and display them using Google Calendar’s feed. Both free version and premium versions are available.
Simple Calendar – Google Calendar Plugin
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 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!
- How to Embed a Google Map on Your Site
- When to Use Google Forms vs. a WordPress Contact Form Plugin
- Google Voice: An Easy Way for Your Customers to Leave You Voicemail
- How to Use Google Calendar to Plan Your Year
If you want to give your clients and prospects a way to schedule time with you, go here.
(Originally published Nov 30, 2011, Last updated Feb 2018)
Hi Christina… Thanks for posting this on our Authors Group (BrainBox) and I really Really appreciate the Calendar teaching. You see I’ve been wanting to do this and you came with the information in perrrrrfect time… you rock
Amid,
Glad you liked it! Rock on 😉
Hey, GREAT idea!!! I put it on the 2 websites that I control the content of:
http://www.thesoldman.info/community-calender.html
and
http://www.thesoldman.me/Lifestyle/page_1244333.html
THANK YOU!!
Way to go Travis!
Thank you for fixing my links!
Travis
Glad to be of service!
I love your tips to make WordPress easier. I think we will add this to our upcoming copywriting Bootcamp so people know when the dates are. Thanks! 🙂
Lorrie,
Glad you liked it! Yes, I used calendar plugins before, but by sticking with Google Calendar, it reduces the amount of redundancies with duplicating work. I love it!
Thank you very much for this and all the other amazing tips you share with us Christina. I want to start private classes and posting Videos on my site next year. I can share a schedule with my viewers now♥ Dyane
Dyane,
yes and I love that people can just click on the calendar and add it to their own calendars!
I need a calendar to show bookings what would you suggest?
Sofia,
I suggest you get a google account, and use google calendar. You can do that by opening a gmail account