by Crawford | Squarespace Web Designer

View Original

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 👇

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.

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.

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>


📩 Join the inner circle to get exclusive code updates

See this form in the original post

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.


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

See this social icon list in the original post

Want more?

See this content in the original post