1 / 11

Google Calendar Integration Guideline Embedding Google Calendar On Your Site

Google Calendar Integration Guideline Embedding Google Calendar On Your Site. Contents. Topics Covered Setup Google Calendar Embedding Google Calendar Need Assistance?. = Go to Topic. Next Page. Setup Google Calendar. Login to Google Calendar.

elata
Download Presentation

Google Calendar Integration Guideline Embedding Google Calendar On Your Site

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Google Calendar IntegrationGuidelineEmbedding Google Calendar OnYourSite

  2. Contents Topics Covered • Setup Google Calendar • Embedding Google Calendar • Need Assistance? = Go to Topic Next Page

  3. Setup Google Calendar • Login to Google Calendar • To learn about Google Calendar go to: http://support.google.com/calendar/bin/answer.py?hl=en&answer=2465776 • Sign-in to Google Calendar using your Google account (GMail admin account) or click the red Sign Up box to create an account. Back to Contents

  4. Setup Google Calendar • Enable Public Viewing • Share this Calendar • Select the dropdown arrow to the right of the calendar you wish to display on your site, then select Share this Calendar Back to Contents

  5. Setup Google Calendar • Enable Public Viewing • Share this Calendar settings • Check the Make this calendar public checkbox and Save your changes. Back to Contents

  6. Setup Google Calendar • Setup Your Calendar & Copy the HTML Code • Calendar settings • Select the dropdown arrow to the right of the calendar you wish to display on your site, then select "Calendar Settings" Back to Contents

  7. Setup Google Calendar • Setup Your Calendar & Copy the HTML Code • Setup your calendar name, time zone and get the HTML code Change the Calendar Name to the desired name. Click the "Customize the color, size and opther options" link to customize the size, look and feel of your calendar. Copy the HTML code from the tool page so you can paste it into your DonorCommunity site. . Use the HTML code from the tool, NOT the HTML code displayed on this page Back to Contents

  8. Setup Google Calendar • Setup Your Calendar & Copy the HTML Code • Copy the HTML code Make any adjustments to the Title, Show Settings and size of the calendar. Copy the HTML code from the tool page so you can paste it into your DonorCommunity site. . Your NPO Name Copy the HTML code displayed on this page Back to Contents

  9. Embedding Google Calendar • Paste the HTML Code Into Your DonorCommunity Site • Login to your site with content admin rights Navigate to the page where you want to display the calendar and use the Add Application tool to add a Web Content Display component to your page. Drop it into position. Click the Edit Web Content icon for the new component, then click the Source button in the editor interface. Paste the html code into the editor and then click Save and Approve if using new component or just Save if using an existing component. Your NPO Name • Click to change the component Title: • Select Look and Feel • Check Custom Title and enter the title. Back to Contents

  10. Embedding Google Calendar • Test and Update Your Calendar • Logout and view the calendar If the calendar does not display, check your Google Calendar settings and confirm the Calendar has been set to Public. Remember to add/update events and manage their visibility on your Calendar using your Google Calendar account. Your NPO Name Back to Contents

  11. If you need any assistance, please contact us at support@donorcommunity.com Back to Contents

More Related