1. Grab the Google Doc link
- Open the Google Doc in your browser, click Share, and set access to Anyone with the link → Viewer.
- Copy the document URL (it will look like
https://docs.google.com/document/d/DOC_ID/edit
).
2. Generate the embed code
Option A – One-click tool
- Paste the Doc URL into a generator like
https://emailwarmup.com/embed-google-doc-in-website
to instantly get a responsive<iframe>
block that includesloading="lazy"
and a clean, border-free style.
Option B – Google Docs’ built-in method
- In the Doc, click File → Share → Publish to web.
- Choose the Embed tab, adjust size if needed, and click Publish → OK → Copy HTML to grab the
<iframe>
snippet Google provides.
3. Add the code to your page
- In your website editor or HTML file, locate the spot where you want the document to appear.
- Paste the entire code snippet to your page.
4. Save and publish
- Save the page, refresh your site, and the Google Doc should render and scroll interactively on the webpage.