Embed From Google Docs

Google Docs is a popular service for managing documents online. This guide will show you how to embed (i.e., display) Google Docs spreadsheets, documents, forms, and presentations into your WordPress.com website.

In this guide

1. Step 1: Adjust the Doc’s Privacy
2. Step 2: Obtain the Google Doc Embed Code
   1. Google Docs, Sheets, and Slides
   2. Google Forms
3. Step 3: Add the Embed Code to Your Site

Step 1: Adjust the Doc’s Privacy

Before sharing any Google Docs file, make sure the document, sheet, slides, or form is set to public. If it is private, you’ll be the only one who can view it.

To change the privacy setting, view the doc and click the “Share” button at the top right corner of the screen to make it visible to anyone:

Step 2: Obtain the Google Doc Embed Code

Google will provide you with a piece of code for you to use to embed any of the following content on your site:

• Google Docs
• Google Sheets
• Google Slides
• Google Forms

Google Docs, Sheets, and Slides

To find your embed code for Google Docs, Sheets, or Slides, follow these steps:

1. Open your document, sheet, or presentation.
2. Click on “File” in the upper left corner.
3. Choose “Share” then select the “Publish to web” option:

4. Click on the “Embed” tab.
5. Click the “Publish” button to reveal your file’s embed code.
6. Copy the entire code to your computer’s clipboard then follow these steps to add it to your site.

Google Forms

To display a Google Form on your site, take the following steps:

1. Open your form in Google.
2. Click the “Send” button at the top-right corner of the form viewer:

3. You will be presented with options to “Send via” with different tabs to select from. Click on the code tab (represented by the < > symbols.)
4. Copy the entire code that begins with <iframe then follow these steps to add it to your site.

Step 3: Add the Embed Code to Your Site

After copying the embed code for your file or document, take the following steps to insert it on your website:

1. Open your website’s page in the WordPress editor
2. Click the + Block Inserter to add a Custom HTML block.
3. Paste the full embed code into the block.
4. The file may not render accurately in the editor screen, so use the “Preview in a new tab” option to observe how the file will appear on your actual site:

💡

The WordPress.com Add-on for Google Docs lets you write, edit, and collaborate in Google Docs, then save it as a page or blog post. Your images and most formatting will carry over too. No more copy-and-paste headaches!