How to Embed Coda Docs in Other Websites

Learn how to generate a Coda embed code and add live, auto-updating doc content to any website or platform.

Quick answer

Open the Coda document you want to embed, click Share in the top-right corner, and set access to Anyone with the link. Click Embed to generate an HTML iframe code snippet, then copy that code and paste it into your website's HTML or code editor where you want the doc to appear.

Steps at a glance

  1. Open the Coda document you want to embed elsewhere.
  2. Click Share in the top-right corner of the doc.
  3. Set sharing permissions to Anyone with the link.
  4. Click Embed to generate the iframe embed code.
  5. Copy the HTML iframe code provided by Coda.
  6. Paste the code into your website's HTML editor.
  7. Adjust the iframe width and height as needed.

Summary

Coda lets you turn any doc into a shareable iframe that displays live, interactive content on an external website or platform. Because the embed points back to the original doc instead of a static copy, edits you make in Coda show up wherever you've embedded it.

Step-by-step guide

  1. Step 1

    Open the document you want to embed

    Navigate to the Coda doc you plan to display on an external website. If you haven't built the doc yet, see create your first doc before setting up the embed, since the embed will reflect whatever structure and content the doc already has.

  2. Step 2

    Click Share in the top-right corner

    Open the Share button at the top-right of the doc window. This opens the sharing panel where you'll manage visibility and permissions before generating the embed code. For a deeper look at managing access levels, check how to share a doc.

  3. Step 3

    Set the doc to Anyone with the link

    In the sharing panel, change the access setting so anyone with the link can view the doc (or edit, if that's intentional). This step is required because an embedded doc on a public website needs viewer access that doesn't depend on individual logins. Review how to set permissions if you want to restrict certain pages or sections first.

  4. Step 4

    Click Embed to generate the code

    Within the Share panel, click the Embed option. Coda generates an HTML iframe snippet tied to your doc's current sharing settings, ready to be copied into any external page.

  5. Step 5

    Copy the iframe embed code

    Click the copy button next to the generated code, or select and copy the full iframe snippet manually. Keep this code handy since you'll paste it directly into your website's editor in the next step.

  6. Step 6

    Paste the code into your website

    Open your website's HTML editor, CMS custom code block, or embed field, then paste the iframe code where you want the doc to appear. Save and preview the page to confirm the doc loads correctly.

  7. Step 7

    Resize and test the embed

    Adjust the iframe's width and height attributes in the code if the embedded doc appears cropped or too small. Reload the live page to verify that tables, buttons, and views display and function as expected.

Why this matters

You've built a roadmap, knowledge base, or status page in Coda and want your team site, blog, or client portal to show the live version instead of a screenshot. Embedding saves you from manually copying updates every time the doc changes.

Frequently asked questions

  • Does embedding a Coda doc make it fully public?

    Only if you set it to Anyone with the link. The embedded version follows whatever permission level you choose, so you can still limit editing rights while allowing view access for the embed to work.

  • Will the embedded doc update automatically when I edit the original?

    Yes. The iframe points to the live doc rather than a saved copy, so changes you make in Coda appear on the embedded page the next time it loads.

  • Can visitors interact with tables and buttons inside the embed?

    Yes, embedded docs retain interactive elements like filters, buttons, and views, as long as the sharing permissions allow the level of interaction you want viewers to have.

  • Can I embed just one page of a doc instead of the whole thing?

    Coda's embed code is generated for the doc as shared, so viewers typically see the full doc navigation. Organizing content with clear pages, as described in how to add pages, helps keep embedded views focused.

Related guides

Continue with more step-by-step guides for getting work done.

Create interactive demos like this one — free, no coding required.

Start for free →