Other Options: Embed a Google Calendar into your Website

Adding a Google Calendar to your Digital PTO Website

Some of our members already have existing calendars that are created by Google Calendar. There is a way you can add a Google Calendar to your Digital PTO website and display it along side your PTA / PTO information. This is a decent method to display dates, but there are a few things to keep in mind before you add a Google Calendar to your site.

1) Google Calendar does not work with the widgets we provide, so you will not be able to easily display upcoming events on the sidebar of your site
2) You will have to edit your calendar in google, which is fine, but it is one more log in to remember and if you are working with a group of people, you may need to provide your google log in information to many people.
3) If you are a Premium Plus Member, the Premium Plus Calendar can IMPORT and SYNC Google Calendar feeds so that you can still use all the great technology available to you through our widgets and management system and provide your google calendar feeds. Please see our Tutorial on adding a feed to your Premium Plus Calendar for more information.

Step 1: Select the Google Calendar

clickcalendarsettingsWhen you are logged into your Google Calendar, click the little downward arrow next to your calendar to open up the options. Select CALENDAR SETTINGS to proceed to the code you need.

Step 2: Copy the Embed Code from the Settings Page

copy-codeWhen the Calendar Settings page opens, select the entire code provided and COPY it.

Step 3: Create a New Page or Open a Page on your Website

openpageNext, head to your Digital PTO website and either create a new page, or open the page you wish to add the calendar to in your Admin Editor.

Step 4: Switch to the HTML/TEXT Tab and Paste your Code

switchtabIn your editor, you need to switch to the HTML or TEXT Tab (Depends on which version of the software you have) – you do not want the VISUAL tab. Once you have switched to the other tab, you can paste in the code you copied from Google and PUBLISH/UPDATE your site.

Step 5: Preview Your Calendar

previewcalendarOnce you have Published your calendar, be sure to view it in the LIVE side of your website to make sure it looks good. If you are using a theme that offers a “Wide” page option, we suggest using a wide template as it will look a little nicer.

Step 6: Making Changes or Adding Additional Calendars

advanced-optionsIf you need to make adjustments to your calendar (size, colors, etc) you can click on the link above the code that says “Customize the color, size and other options”. This will open additional options. Here you can select the width of your calendar, some default settings and also add additional calendars in your account to your embedded calendar. Be sure to copy the NEW code that Google Creates and paste it back into your calendar page. Then you should be all set! Experiment and plan around.

It's Free. Forever. Seriously.

Supported by minimal advertising, the perfect way to get your Parent Group online at no cost. Now Includes the Events Calendar!

Compare All Plans »
Get Started Now »

Online Forms, Pro Themes

Unlock Online Family Registration Forms, Volunteer Forms, Form Creation, Premium Level Themes, and 500mb of space.

Compare All Plans »
Get Started Now »

No Ads & Unlimited Pages

Turn off third party ads, unlock unlimited informational pages and upgrade to 50mb of storage space.

Compare All Plans »
Get Started Now »

Accept Paypal Payments.

Unlock the power of accepting payments with Paypal on your Forms. Premium Themes, pre-built form library, 1gig of storage.

Compare All Plans »
Get Started Now »

More themes. More Space.

Add enhanced themes with the events calendar, 200 mb of storage space, custom domain names and more.

Compare All Plans »
Get Started Now »

Sign Up Now

It's free to get started, so don't wait any longer! Start with a free plan and grow as needed!

Compare All Plans »
Get Started Now »