How to add an iFrame to Google Sites

iFrame tag can be used to embed the content from another website into your website. The code for an iFrame tag looks like the following:
<iframe src ="URL of the embedded website” width=" " height=" ">
</iframe>
This tutorial will describe how to use an iFrame gadget in Google Sites to incorporate content from another website into your Google Sites web page.

Visit Google Sites at: https://sites.google.com and sign in with your Google account. Click/choose the page where you would like to add the iFrame gadget.

Click 'Edit page' button.


Click the 'Insert' link.

In the pop up window choose 'More gadgets'. Click 'Featured' tab and choose 'Include gadget (iFrame)'


Under 'Include gadget (iframe)' tab, click 'Select' button

In the 'Add a gadget to your page' window, enter the url of the embedded webpage to the 'URL to content (required)' textbox.


Under 'Display' tab you can choose to adjust the width and height of your iFrame gadget.

Click 'OK' button.



In the Edit page window, click 'Save' button. Now you have successfully added an iFrame gadget to your Google Sites!

No comments:

Post a Comment

Blog Archive

About Me

My photo
I am a software developer with roughly 5 years of experience in developing end-to-end solutions in C#, Java, C/C++, PHP and HTML/CSS/Javascript. At the moment, I am joining the Professional Doctorate in Engineering degree program in Software Technology at Eindhoven University of Technology. My areas of particular interest include software design, data structures and algorithms, problem solving, software security, embedded system, machine learning, and data science.