Embedding Sites with an iFrame

Embedding Google 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.

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 Google sites the clicking on Settings->Manage Sites-> Scroll down to the security part of the settings and ensure that "Allow embedding of your site in other sites" is turned on.

Screenshot 2019-01-14 at 13.50.08

Setting up your Happeo Page

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

Screenshot 2019-01-14 at 13.54.10

Next go to Page Group Styles and create a new Page Group Style that for Google Sites content. You do this by going to My Styles and start editing.

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

Adding content

The final step is to use a iFrame Widget display the content. Go and copy the Google Sites URL then paste it into the iFrame Widget under the URL option.