How to Embed a Google Sheet Onto a Squarespace Website [Easy Guide]

Have you ever wanted to embed a Google Sheet onto a Squarespace website?

If so, you might know that it’s not the easiest process, especially if you want it to look good.

In this Squarespace guide I share my top tips…

Watch the video

Check out the YouTube video below 👇

Six Figure Design Club framework for designing a perfect homepage

Want a framework for designing the perfect homepage?

First of all head to your Google Sheets spreadsheet and click File > Share > Publish to Web hit the green publish button and copy the embed code from the box.

Publish Google sheet to web

Back on your Squarespace website, add a code block where you want your spreadsheet to appear and paste in the embed code.

Whilst this will add the spreadsheet to your website, you’ll see that it looks terrible. It’s tiny and impossible to read.

Google sheet on Squarespace

To edit the size, click back into your code block and you need to edit the code.

In your CODE SECTION you need to add:

 

<iframe src="google-sheets-URL-goes-here" width="100%" height="515"></iframe>

Embedding Google Sheets into Squarespace

Keep the width at 100% but you can play around with the pixel value you choose for your height until you’re happy with how it looks.

And that’s it! A handy trick to have up your sleeve should you find yourself embedding Google Sheets into a Squarespace website in the future.

book a call with sam crawford squarespace expert

Need an expert to build your Squarespace website?

Book a free kick-off call with our team to discuss your project requirements in detail.

Previous
Previous

Squarespace Guide: Stop Video Background Being Cut Off by Header

Next
Next

How To Change the Hamburger Menu Icon Colour [Two Options]