Embed your Coda doc externally

Use the embed link to display your doc in your website, blog, and more. Plus learn how to create authenticated embeds for Google sites.

Updated over a week ago

Ever want to show off your awesome doc through another platform? Well good news - with embedding, you can do just that. You can embed your Coda doc on your website, blog, wiki or pretty much anywhere else.

Within this article you'll find...


Standard embeds

To get started, open your doc. Then click Share in the upper right corner of your doc. This will open the share menu. Click on the Embed tab.

When you select the option to embed a Coda doc, you have a few more choices you can make to customize the experience:

  • Enable play which allows people to explore your doc without saving their changes

  • Hide page list to remove the left page menu when embedded

  • Add a height and width so it fits perfectly into the space you have available

  • Start with to choose which page the embed should display first

Keep in mind, viewers may still be able to play with the doc, see the section list, and view open comments by clicking the Open in Coda button that displays in your embed. This will depend on the underlying share settings of your doc.

Once you’ve adjusted those settings to your liking, just hit that Copy embed button in the bottom right of the window. Then you can paste that embed link into your website or other external platform.

Authenticated embeds for Google sites

Authenticated embedding allows users to securely embed Coda docs on Google Sites, while maintaining the ability to edit them directly from the embed.

Note: Authenticated embeds are currently only supported for Google Sites, with additional domains coming in the future. Some browsers may ban third-party cookies, so users may need to update browser settings in order for embeds to function correctly.

Here are a few use cases this could enable:

  • Collaborate and plan team offsites by embedding Coda forms directly on Google Sites

  • Embed and share HR policies and procedures directly within your Google Sites

  • Showcase ongoing projects and make it easy for users to update status from their team page on Google Sites

  • Create interactive training materials and embed them on your intranet for easy access

Create an authenticated embed

  1. Go to the Coda doc you want to embed and click on the Share button (upper right corner of the doc).

  2. Then go to the Embed tab and copy the embed code.

  3. Go to your Google Sites page and click on the the Embed option on the right panel.

  4. Now click on the Embed code tab, and paste the embed code you copied from your Coda doc. Then publish your site to see the embed and ensure that it’s editable.

Please ensure that the Coda doc is shared with everyone in your workspace / domain. If you want users to edit the embedded doc directly from Google Sites, grant edit access to all the users in your domain.

ℹ️ If you want to embed a published Coda doc, follow the steps above and replace the URL in the embed code with the published doc URL.

Access embeds on Google sites

When you access the embedded Coda doc on Google Sites, if you’re not logged into Coda within the embedded doc, you’ll see a Sign in button. Clicking this button to open a new window where you can complete your authentication. Once you’re logged in, you will be able to view and/or edit the embedded Coda doc on Google Sites.

If you’re already logged in, you should automatically be able to view and/or edit the embedded Coda doc on Google Sites.

FAQs

Do I have to adjust the share settings of my doc before I can embed it?

Yes. At this time, you’re only able to embed public Coda docs. In other words, the share settings of the doc must be set to Anyone with the link - can view, can comment, or can edit. Learn more about adjusting the share settings here.

What happens when I enable play for my embedded doc?

This means that people viewing the embed will be able to directly interact with your doc, without any of their changes being saved. So they can push buttons, change controls, even edit text - but none of these changes will actually be saved in the original Coda doc.

Can I make my embedded Coda doc editable?

No - it isn’t currently possible to edit Coda docs directly from the embed. Only view mode and play mode are supported.

Embedding a Coda doc on Google Sites doesn’t work on my browser. What should I do?

This may be because some browsers block third-party cookies. To resolve this, go to your browser settings, and turn on the option to allow third-party cookies. Alternatively, you could share the doc publicly and try embedding the doc again.


Related resources

Did this answer your question?