Embedding a Google Doc in HTML

Someone asked about collaboration tools and the ability to embed them on an HTML page.

My immediate thought was, “Sure, this is possible…right?”

I did not know it would be as easy as to embed an editable Google Document in an iframe. Never thought about doing that before.

So something like this:

Screen Shot 2014-08-15 at 3.11.00 PM

So just treat an iframe like a photo. You can just add a link, size it to the width and height you want. And finally, place it where you want on the page.

It might not work for every situation. But this person wanted a webpage that people in different locations can edit.

Admittedly, there are downsides to this approach. It is not secure, for starters. But the client loved it.

This page walks you through how to set up an editable google document.

Leave a Reply

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