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.


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



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.


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


Paste the code for the calendar into the widget


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


Article is closed for comments.