How to Embed Google Drawings in WordPress

With EmbedPress, you can add Google Drawings to WordPress, using just a URL.

Google Drawings is free, diagramming software. Google Drawings allows you to create flowcharts, organizational charts, website wireframes, mind maps, concept maps, and many other types of diagrams.

Google Drawing embeds are possible, but they’re not easy to use via normal methods. EmbedPress is different. With EmbedPress, you don’t have to mess around with embed codes. All you need is the Google Drawing URL.

Here’s how to embed any Google Drawing into your WordPress site, using the EmbedPress plugin and a URL.

Step #1. Install the EmbedPress plugin

EmbedPress is a very useful plugin that expands and improves on WordPress’ capabilities. Install EmbedPress and your WordPress site will become far more powerful.

Click here to find EmbedPress on WordPress.org.

Step #2. Set Up Your Google Drawings

Before you can embed your Google Drawings into WordPress, you need to make sure that it is published and visible for the public.

  • Login to Google Drawings and access the drawing you want to publish.
  • Go to File > Publish to the web.
The Publish to the Web link in Google Drawings
  • Click the red “Publish” button.
  • Click the “OK” button.
  • Google will now give you a URL. Copy this URL.
Publish a Google Drawings embed for WordPress

Before you go any further, let’s check that your URL can be embedded on other sites …

Paste the URL into a different browser where you aren’t logged into Google. Can you still see the doc? If you can’t, then the Google Doc hasn’t been correctly published to the web.

Step #3. Publish your Google Drawings Embeds

Now you have the Google Drawings URL, you can add it to WordPress.

  • Go to your WordPress site.
  • Edit a post or page.
  • Click the + icon in the top-left corner of editing area.
Add a Google Drawings embed in WordPress
  • Search for the “Google Drawings” block in the “EmbedPress” area:
A Gutenberg block in a WordPress post with Google Drawings embed
  • Enter the URL for your Google Drawing:
Embed link for WordPress post with Google Drawings embed
  • Click the “Embed” button and you’ll now see your Google Drawings embed:
Create a WordPress post with Google Drawings embed
  • Publish your WordPress content, and your Google drawing will be embedded, as in the image below:
Published WordPress post with Google Drawings embed

Step #4. Edit your Google Drawings Embeds

While editing your WordPress content, you can also edit your embed, thanks to EmbedPress.

  • Hover over the embed, and an pencil icon will appear. This icon will show “Edit URL” if you hover over it.
    Click the pencil and you will be able to edit your embed:
WordPress post with Google Drawings embed

in Embed SourcesGoogle Embeds

Related Articles

Start today!