[Tutorial] How-To Save Google Docs Drafts as WordPress Posts

Wouldn't it be great if you could just draft your content from Google Docs and save it to WordPress site with a simple click?

This is a largely helpful because when you want to collaborate with people quickly who do not have access to your website. You could just tell them to share it via Google Docs and then you can import it into your WordPress site in a second.

WordPress.com for Google Docs Add-on

Thanks to Automattic, they released an add-on for Google Docs that allows you to compose and update any blog post for WordPress sites. We all know Google Docs is cool to use and the best thing about this extension is that you will not lose the markup styling you have done in docs.

The benefits and capabilities of this tool

Not only you can connect your WordPress.com site but also your self-hosted website if you have Jetpack installed. Most importantly, you can get rid of copy pasting for images and formatting too. This extension carries over inserted images and formatting to your draft blog post.

Tell me how I can do it!

Here is a video tutorial so that you can easily understand the whole process.

Now, let's get the extension installed!

At first, you have to add the Google Chrome extension to your Google Docs. To do this go to the WordPress.com for Google Docs Google Web Store Page. Click on the Free button to install the add-on. It will redirect you to a new blank Google Doc page.

Authorize the Add-on

Now, click on the Add-ons menu on your Google Docs and you will find the newly installed add-on. Click Open and wait until the add-on prepares itself.

You will find a new sidebar titled WordPress. It will ask for authorization. Click on the Authorize button.

Login with your WordPress.com or Jetpack Account

You will be asked to login using your email address or username (either WordPress.com or Jetpack). Enter credentials and click on the log In button.

In this step, you will find all your websites on WordPress.com and also self-hosted site with Jetpack enabled.

Select the site you want to approve for this collaboration platform and click on the Approve button. You will be redirected to the Google Docs page. If you approve Jetpack enabled website, you will be asked to login to your WordPress Dashboard. Login to your site to approve the service.

Composing within Your Collaborating Editing Platform

Now, you can type or write your content on the Google doc and save it as draft to your website by clicking on the Save Draft button  beside your website name.

After you have written your content and saved it as draft, you will see a preview link under your website. You can click on the link to preview the post you have created from your Google Doc. You can also edit the post and click on the Update Draft button.

How does it looks like in the Previews

This is the preview of WordPress.com site. This is exact the same formatting you did on your Google Docs.

This the preview of a self-hosted WordPress powered website that has Jetpack enabled.

Things you can't do

As the add-on is recently released, it has some limitations.

  1. You can add only in-line formatted images. When you add images with wrap-text or break-text format, the images do not add to your website.
  2. You can only update as drafts. If you have already published a post created from a Google doc and then update the post from the doc again, there is a hiccup. If you can try to do so, you will be shown a warning message and if you proceed, the post will become draft again. Maybe it's a good thing, right?

We hope this tutorial will help you to understand how the collaborative editing platform works. If you have any query regarding this tutorial, comment on this post and we will reply. 🙂

8 Comments

  • Brian

    Brian

    This looks promising! I’m not a big fan of Jetpack, but this is definitely a step in the right direction for WordPress. Do you happen to know, with images… what do the file names look like after they come over? I’m assuming for SEO purposes it might still be better to upload the images separately. I might have to try this out. Thanks for the great post.

    • Mainul Kabir Aion

      Mainul Kabir Aion

      Hi Brian,

      I am glad you liked the post and thanks for your comment.

      The file names of the images does not change when they come over. The original image name remains and it automatically uploads in the media library of WordPress. You can always upload images separately for SEO purposes.

      Cheers 🙂

  • Arrunadayy

    Arrunadayy

    Hi,

    I am facing issue with this way i tried doing it but i am getting error “That site does not seem to be accessible or no longer has the Jetpack plugin installed.”

    While as i have already Jetpack installed at my site and it is already linked to WordPress also. Can you suggest why this is happening.

    • Mainul Kabir Aion

      Mainul Kabir Aion

      Hi Arrunadayy,

      Thank you for your query. Can you please make sure whether the Jetpack plugin on your website is activated and also check if you have verified your account. If you have Jetpack installed and also linked to WordPress.com account then it should have worked.

      I didn’t find any issue connecting this add-on to my website. I used both Jetpack ID and WordPress.com username. Both of them worked flawlessly.

      You can get help by clicking on Google Docs → Add-ons → WordPress.com for Google Docs → Help → Report an issue

      Please let us know if this solved your problem or not.

      Cheers 🙂

  • Arrunadayy

    Arrunadayy

    Thanks for your reply. I tried to check the things but could not solve the issue. All the above steps i had done.

    Ultimately had to deactivate the Jetpack Plugin as it was also blocking all the Photos uploaded to my website. I tried by deactivating one Plugin and ultimately jetpack was the culprit. Do not know why so. Maybe some issue with the Theme I have installed (Tesseract).

    Have sent a mail to tesseract guys hope they will revert as there is no support from them.

    • Mainul Kabir Aion

      Mainul Kabir Aion

      Hi Arrunadayy,

      I am glad you identified the problem. Hope it will be fixed soon 🙂
      Please keep in touch and visit our blog regularly for more content like this.
      Cheers 🙂

  • Alex

    Alex

    When you copy the text from Google doc to WP editor spans like this appear in the code. Will this method cut the spans?

    • Mainul Kabir Aion

      Mainul Kabir Aion

      Hi Alex,
      Yes, it does cut the spans. 🙂

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.