Having your Google calendar on your Web site is better than linking to it because it keeps your users right there where you want them. Here’s how to do it.
When looking at your Google calendar, click the little triangle just to the right of your name under My Calendars. This will bring up a menu and you can click on Calendar Settings.
In the screen that shows up, you’ll see a calendar icon in the middle with the embed code just to the right and it should look like this:
<iframe src=”https://www.google.com/calendar/embed?src=your.name%40bethel.k12.or.us&ctz=UTC” style=”border: 0″ width=”800″ height=”600″ frameborder=”0″ scrolling=”no”></iframe>
Copy the embed code. The width of the calendar can be changed once you paste the embed code into a page on your WordPress site.
Now go to your WordPress site and go to > Dashboard > Pages > Add New.
Enter a title for the page (Calendar) then click on the Text tab in the upper right of the edit window. Put your cursor in the edit window and paste the embed code.
You’ll want to make the width of the calendar about 600 instead of 800 and about 450 high instead of 600 if you have a typical WordPress theme, but you can experiment with the size. Publish your new calendar page. If you like what it looks like, you’re good to go and you’ll see the Calendar tab on the top menu of your site with all the other pages if you have your top menu showing pages. If the calendar is too big or too small, go back in and edit the embed code.
Need help with embedding? Email Tim.