Embed Sites with an iFrame

In this article, you will learn how to embed sites with an iFrame

Would you like to use your Google Sites content within Happeo pages? This article takes you through setting this up step by step.

Please note...

  1. Google Sites will be deprecated starting September 1st 2021
    1. Therefore, Google Sites can no longer be iFramed in Happeo starting from that date
  2. The new version of Google Sites is unable to be iFramed
    1. You will need to switch to 'Classic sites'

Google Sites settings

The first thing you need to do is ensure that your Google Sites settings are correct. You can do this by going to:

  1. Google sites and clicking on Settings
  2. Manage Sites
  3. Scroll down to the security part of the settings and ensure that "Allow embedding of your site in other sites" is turned on

Setting up your Happeo Page

Create a new Page Group and ensure you choose the "Only Content" layout.

Next, go to Page Group Styles and create a new Page Group Style. You do this by going to My Styles and start editing.

  1. In the Page Group Styles go to:
    1. Page Layout Details
    2. Content
    3. In the 'Content' section change the width to 100%
  2. Then go to:
    1. Section
    2. Widget Spacing
    3. Change it to 0px for top, bottom, left and right
  3. Finally, go to:
    1. Widgets
    2. Padding
    3. Change to 0px for top, bottom, left and right
  4. Save the Page Group Styles

Adding content

The final step is to use an iFrame Widget to display the content.

Go and copy the Google Sites URL then paste it into the iFrame Widget under the URL option.