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.
FAQs
Q: If I update the original Google Doc, will those changes automatically show up on my website?
A: Yes — that’s one of the great benefits. Once the Google Doc is published to the web and embedded, any edits you make in Google Docs will reflect in the embedded content (after you save/publish) — no need to re-embed each time.
Q: Can I embed a Google Doc if I haven’t published it to the web?
A: No — for embedding to work, the Google Doc must be published and set to “Embed” in the Publish to Web settings. If it’s just shared via link or restricted, the code won’t work properly.
Q: Is it possible to embed other Google apps in a similar way (Sheets, Slides, Forms)?
A: Yes! Google Sheets, Slides, and Forms all have similar “Publish to Web → Embed” options. You’ll need to get the embed code from them and then paste it into a Code Block in Rocketspark. The steps are mostly the same, though you may want to adjust dimensions suited to the content type.