Home Google Tools How to insert a Table in Google Sites?

How to insert a Table in Google Sites?

by Stewart Gauld
Last updated on September 19th, 2023
How do I Insert a Table in Google Sites - Stewart Gauld

Looking to enhance your Google Sites pages? Learn how to insert a table in Google Sites now!

Google Sites is an excellent Google product that allows Google users to easily create a website for free.

But many are left wondering..how do I create and insert engaging and informative tables to add to my web pages?

At first glance, it doesn’t seem that easy. But there are a few ways you can do this, depending on your skill level.

Let’s launch in and find out!

Read more about How to Use Google Sites here. 

How to Insert a Table in Google Sites

Method 1 – Import From Google Docs or Google Sheets:

Import From Google Docs or Google Sheets

This is the easiest of the methods mentioned and involves the following steps:

  1. Create your table using Google Docs or Google Sheets.
  2. Select the Google Sites page you want your table on.
  3. On the left-hand side, click ‘Insert > Google Docs (or Google Sheets) and select the correct document.
  4. Click ‘Next’.
  5. Readjust or move your table to where you want it to go.
  6. Check your table is responsive across all devices.

Read more: Google Sites For eCommerce. 

Method 2 – Embed HTML From Google Docs or Google Sheets:

Embed HTML From Google Docs or Google Sheets

The second method is a little more complex and involves using and embedding HTML code:

  1. Open a new Google Doc or Google Sheets document.
  2. Select ‘Insert > Table,’ and select the number of rows and columns needed (Google Docs).
  3. Click ‘File > Page Setup’ and make all margins 0 (Google Docs).
  4. Customize the data, colors, fonts, and size of your table.
  5. Once you’re happy with your table, click ‘File > Download > Web Page.’
  6. Double-click the zip file of the document and then open the page.
  7. Next, right-click on the page and click ‘Show Page Source’.
  8. Highlight the whole HTML code and copy the code.
  9. Head back to the Google Sites page you want to add your table on.
  10. Click ‘Embed > Embed Code’.
  11. Paste the HTML code you copied, then click ‘Next.’
  12. Resize or move around your new table on your web page.
  13. Preview your table on all devices to make sure it’s responsive on desktop, mobile, and tablets.

Read more: How to Connect Google Domains to Google Sites. 

Method 3 – Full Page Embed:

Full Page Embed

If you want your table to cover your whole web page, listen up and find out how:

  1. Select ‘Pages’ on the right-hand sidebar.
  2. Click ‘+ > Full page embed.’
  3. Name your new page.
  4. Select ‘Add embed’ or ‘Add from drive’ to either paste in your HTML code (shown above) or add your chosen Google Drive document.

Method 4- Custom Code:

The last method is to create and add your own HTML and CSS custom code for your table.

This method allows you to customize your table a lot more than the other options mentioned. However, this option should only be used for users with coding experience.

Read more: How to Add Google Analytics to Google Sites. 

Stews Final Thoughts

Google Sites is my favorite website builder for information-based basic websites.

Many criticize Google Sites for being limited in what it offers. But there are some creative ways you can amplify your website with Google Sites.

By incorporating tables into your Google Sites website, you can effectively present data, engage visitors, and enhance the overall usability and visual appeal of your web pages.

These methods aren’t perfect, so I recommend definitely making sure you check your table is responsive and readable on all devices, no matter which method you choose.

Thanks for reading!

You may also like

Leave a Comment

19 + four =