How to Embed Code into Google Sites: A Comprehensive Guide

Embedding code into Google Sites can be a powerful way to integrate dynamic content and web components into your site. Whether you’re working on a new version or the classic version, this guide will walk you through the process step-by-step.

How to Embed Code into Google Sites (New Version)

1. Open Your Google Site: Start by visiting the Google Sites dashboard.

2. Select the Page: Navigate to the page where you want to add the embedded code.

3. Insert Embed Code: Click on the Insert panel on the right side. Then, choose Embed from the options. You’ll see two tabs: By URL and Embed Code. Select Embed Code and paste your HTML or code snippet into the box provided. Optionally, you can adjust the size of the embedded element by dragging the corners. Click Next.

4. Publish: Once you’re satisfied with how it looks, click the Publish button in the upper right corner to save the changes to your site.

How to Embed Code into Google Sites (Classic Version)

1. Open Your Google Site: Head to your site in the classic Google Sites interface.

2. Edit the Page: Click the Edit button (pencil icon) for the page you want to modify.

3. Insert HTML Box: Click on Insert in the top menu. Select More Gadgets. In the search box, type Select, and then paste your HTML code into the provided field. If needed, you can adjust the width and height settings.

4. Save Changes: Click Save to apply the changes.

5. Publish: Finally, click Publish to make the changes live.

Important Notes

Some scripts or HTML may not work due to restrictions imposed by Google Sites for security reasons. Always test your embedded content to ensure it displays correctly.

Add Google Files, YouTube Videos, and Other Content to Your Site

In addition to embedding code, you can also add Google files, YouTube videos, and other types of content to your site.

Adding Google Docs, Slides, Sheets, Forms, or Charts

On a computer, open your site in new Google Sites. At the right, click Insert. Select the type of file you want to add, such as Docs, Slides, Sheets, Forms, or Charts and choose a file to insert. To publish your changes, at the top right, click Publish. If you anticipate high traffic to your site, first publish your document in Google Docs, Sheets, or Slides. Then, in Google Sites go to Insert > Embed, and insert the link to the published document.

Google Files, YouTube Videos, and Restricted Access

Important: If a file is stored on a shared drive or has restricted sharing permissions, only people with access will be able to see the file. Learn how to change sharing permissions for your Google files.

Adding Content from Another Website

You can also follow the instructions on how to add content from another website. If you anticipate high traffic, first publish your document in Google Docs, Sheets, or Slides. Then, in Google Sites go to Insert > Embed, and insert the link to the published document.

Conclusion

By following these steps, you should be able to successfully embed code or other content into your Google Sites page! Enjoy adding dynamic and interactive elements to your site.