Embedding a Google Doc onto a website increases user experience by enabling real-time updates, seamless content sharing, workflow streamlining, and cost-effectiveness.
You can embed a Google doc onto your Rocketspark website by following the steps below.
-
Once you have completed your document in your Google Doc and you are ready to embed it. Head to File, then select Share. You will then need to select Publish to Web.
- There will be a pop-up that appears. Please make sure that it has been changed from 'Link' to 'Embed'. You will then need to copy the code that is provided in that popup which you can then add onto your Rocketspark website.
-
Head to your Rocketspark website, and find where you want to embed your document on Google Docs.
Make sure to add a Code Block:
-
Once you have clicked Code Block, paste in the code you copied from Google Docs
-
You will need to add in some extra code within that Code Block to ensure that the document is showing correctly on your website.
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/d/e/pub?embedded=true"></iframe> - Once you have done this, click Save!
If the document doesn't look quite right, you can play around with the values that we added to make it match your website.
Please let us know if you have any questions at all.