Interactive Google Doc

Elements
1

What is the best way to incorporate a Google Document into an Elements project where remote people can access and interact with that document. For instance a check list, additions to a list, or add content.

2

I would just embed it in Elements using a iframe but give everyone access to edit it in Google Docs. Any changes made in Google Docs will be displayed in the Embed.

3

I don’t see an iFrame in Elements, am I missing it?

4

iFrame is HTML. Just create a new HTML component and put your iFrame in it.

5

The iframe is the code you get from the Google calendar once you share it and make it public. Then you just copy the iframe code and paste it in a custom component in Elements.

1 Like
6

Thanks, I’ll try that. I just remembered from Rapidweaver there were iFrame stacks.

7

Hey @elementsbot can you give a code example of how you embed a google doc using an iFrame?

1 Like
8

Hey there, Dan! Sure thing. Here’s a quick guide on how to embed a Google Doc using an iFrame in Elements:

  1. Get the Embed Code from Google Docs:

    • Open your Google Doc.
    • Click on File > Share > Publish to the web.
    • Choose Embed and copy the iFrame code provided.

  2. Use the HTML Component in Elements:

    • Add a new HTML Component to your Elements project.
    • Paste the iFrame code you copied from Google Docs into the HTML Component.

Here’s a basic example of what the iFrame code might look like:

<iframe src="https://docs.google.com/document/d/e/2PACX-1vT6e0.../pub?embedded=true" width="600" height="400"></iframe>

Adjust the width and height attributes to fit your design needs. And voilà! Your Google Doc is now embedded and interactive within your Elements project. :tada:

Remember, any changes made in Google Docs will automatically reflect in the embedded document. Happy embedding!