Embedding Google Sheets into your Rocketspark website brings your data to life, ensuring it's always up-to-date and easily accessible to your visitors. It adds a friendly touch by allowing real-time updates and seamless integration with other Google Workspace tools, making data presentation dynamic and engaging.
- Once you have created your Google Sheet, and you are ready to embed it into your Rocketspark website. Head to File --> Share --> Publish to the web
- There will be a pop-up that appears. Please make sure to select Embed. You will be able to select if you want the entire sheet to be embedded or if you only want certain sections to show. Click on Publish
- Once you have selected publish you will then be able to copy the code that it has given to you.
Please note: that if you make any changes here you will need to copy the code again. - Head to your Rocketspark website and go to where you would like to add the code in. You will need to add a Code block.
- Copy the code that you got from Google Sheets in here.
-
You will need to add in some extra code within that Code Block to ensure that the document is showing correctly on your website. Make sure to select save after you have added in this code.
Add in: width="200%" height="800"
It needs to be added in after the first <iframe. Please use the text below as an example of how it should be added in.
<iframe width="200%" height="800" src="https://docs.google.com/document/spreadsheets/d/e/pub?embedded=true"></iframe>
- You will now be able to see google spreadsheets on your Rocketspark website.