| WordPress

Embed Google Docs in WordPress Gutenberg

Google Docs is a very popular service that is part of Google's Drive package.

Using Google Docs, you can edit and share your documents in real-time. There's no need to share endless files back-and-forth.

It is possible to embed Google Docs in WordPress. All you need is the Google Docs URL and a plugin called EmbedPress.


Step #1. Install the EmbedPress plugin

embedpress


Step #2. Publish your Google Doc

Now you need to publish your Google Doc so that's it's publicly visible.

Log in to your Google Docs account and then access the document you want to publish.

Go to “File”, then “Publish to the web”.

set up your google doc

Click twice to continue: first a blue “Publish” button and then an "OK" button.

Google will now show you a URL for your Google Doc. Save this URL and double-check these things:

  • Your URL should end in /pubhtml
  • Paste your URL into a different browser where you aren’t logged into Google. If you can’t see the doc, then it hasn’t been correctly published to the web.

publish button google docs


Step #3. Embed your Google Docs in WordPress

Now you can add your Google Doc to WordPress.

Go to your WordPress admin area and edit a post or page. Click the + icon in the top-left corner of editing area:

gutenberg add icon

Find the “Google Docs” block in the “EmbedPress” area:

google docs block

Now you can enter the URL for your Google Doc. This is the link ending in /pubhtml that you saved earlier.

google docs url embed

Click the “Embed” button and you’ll now see your Google Docs embed:

google docs embed

Video introduction to Gutenberg Embeds

This video is part of our Gutenberg class on YouTube and explains how to use widgets and embeds in Gutenberg.

Save 60% on your first invoice when you host your WordPress site with GlowHost. Click this link and use the coupon "WPGUTENBURG" .


About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.