Follow

Google Calendar: How to embed

This article provides step-by-step instructions which explain how to embed a Google calendar into an Ultranet page. It was updated in April 2015 and now uses the page builder's new Embed widget. (Previously the Google HTML code was pasted directly into the HTML view of the page editor).

Step 1: Setting up your Google Calendar

 

In Google, under My Calendars select the calendar you want to embed.

Choose Calendar Settings from the dropdown menu on the right of the calendar title bar.

Navigate to this section of the page and click on Customize the colour, size and other options.

google_cal_embed_1.png

Customise the calendar as required by selecting from the options available in the panel on the left of the screen.

google_cal_settings_2.png

 

Step 2: Embedding the Calendar into your Ultranet Page

 

Copy the HTML iframe code from the box above the calendar.

Return to Ultranet, open the page tools menu and select Edit content and layout from the list of Edit options.

Screen_Shot_2015-06-05_at_10.20.06_am.png

Now drag the Embed widget into the zone of the page where you want the calendar to appear.

Screen_Shot_2015-06-05_at_10.41.57_am.png

Paste the code for the calendar into the widget

Screen_Shot_2015-06-05_at_10.47.23_am.png

Click the 'Check embed code' button.  When the next window opens, ignore the text box (as it is unlikely that you will want to include a description or add a button to the widget) and just click the 'Embed content' button at the bottom of the window.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk