Technical Communication Professionals in Southwest Michigan | Prima Communications, Inc.
Connecting information with the people who need it.
Embedding an iframe Google Calendar in a WordPress Page
Posted on 28. Jan, 2010 by Jeremy in Graphic Design & Other Cool Stuff
This is kind of a workaround, but it’s the best solution I’ve found so far for getting a Google Calendar onto a WordPress page – including the tasty iframe!
Check out the Google Calendar working on a WordPress page here to make sure it’s what you’re looking for.
You’re going to need three things:
- A Google Calendar
- The Random / Rotating Ads V2 plugin
- The PHP Execution plugin
Get the plugins, install and activate.
Go to your Google Calendar’s settings and select the Calendar Details tab:
Then click the Calendar Address HTML button:
And click the link for the configuration tool:
Adjust your settings and copy the HTML -yes all of it, including the iframe stuff!
Go to your WordPress Tools and click Datafeedr Random Ads:
Click Add New Group at the top of the page. Name the group “calendar” (or whatever you want, without the quote marks). Paste the Google Calendar HTML into the Ad #1 field.
You can leave the Before and After fields blank:
Click Save Ad Group. Copy the line of PHP code that shows up next to your ad group:
Go to the WordPress page on which you’d like your Google Calendar. In the HTML editor, paste the line of PHP code. I had to wrap mine in “code” tags, so you may want to do the same:
Publish/Update the page and take a look at your fancy new Google Calendar page!
Check out the Google Calendar working on a WordPress page here.