How can I Embed a Google Doc in a WordPress Post or WordPress Page without a plugin?

If you find this free website useful – why don’t you support this with a donation? It is easy…. read more ….

To have a dynamic section from Google Docs as below simply create ( and share to editors as required) your Google Doc and go to File>Publish to Web in the Doc – select embed –

Create your post of page and where you want the Google Doc add an html block and put the generated code into the html block.

The generated code from the Google Doc looks like, it is just an iframe of the public link.

<iframe 
src="https://docs.google.com/document/d/e/2PACX-1vRRXHGZ3wLQtPWc8cF8iX64CZI_enYXmlsAphoQQd-ufEYWLWNkjEa2kh1NtVi1Yc45DgNEqudTM69K/pub?embedded=true">
</iframe>

but the style may look it a little letterbox, so you can add width & height to the iframe e.g.

<iframe 
width="100%" 
height="500px" 
src="https://docs.google.com/document/d/e/2PACX-1vRRXHGZ3wLQtPWc8cF8iX64CZI_enYXmlsAphoQQd-ufEYWLWNkjEa2kh1NtVi1Yc45DgNEqudTM69K/pub?embedded=true">
</iframe>

is what I’m using below


Posted

in

by

Tags:

Comments

One response to “How can I Embed a Google Doc in a WordPress Post or WordPress Page without a plugin?”

  1. Chris Moore avatar

    This looks a very useful technique. Thank you

Leave a Reply

Your email address will not be published. Required fields are marked *