How to Embed a Widget in Coda
Coda supports embedding third-party content directly in your docs through its /embed slash command or by pasting a URL. Your Embeddy widget URL renders inline as an interactive iframe — no plugins or packs required. Just paste the link and Coda handles the rest.
On this page
Prerequisites
Before embedding, make sure you have the following ready:
- An Embeddy widget: Create one for free at embeddy.ai/dashboard. Your widget must be published (not in draft mode) so it is publicly accessible.
- Your Embed Link: In the Embeddy dashboard, open your widget and copy the Embed Link — the direct URL that looks like
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID. - A Coda doc: Any Coda plan works — Free, Pro, Team, or Enterprise. Embeds are supported on all plans.
Where is my Embed Link? In the Embeddy dashboard, select your widget, click the Share / Embed panel, and look for the Embed Link option. It is the direct URL — not the <iframe> snippet.
Method 1: /embed Command
Recommended — most reliable method
Coda's /embed slash command creates an embed block that renders any URL as an interactive iframe directly in your doc. This is the most straightforward way to add your Embeddy widget.
- 1
Open your Coda doc
Navigate to the Coda doc and page where you want to display the widget. Click anywhere in the body to place your cursor.
- 2
Type
/embedA slash command menu will appear. Select Embed from the list. This inserts an embed block with a URL input field.
- 3
Paste your Embeddy widget URL
In the URL input field, paste your Embed Link:
https://embeddy.ai/webhost/WIDGET_ID?widget_props_id=PROPS_ID
- 4
Press Enter or click "Embed"
Coda will fetch the URL and render your widget inline. The embed block will display the live, interactive widget directly in the doc body.
- 5
Confirm it renders correctly
Your widget should appear live and interactive within the Coda page. If it takes a moment to load, that is normal — Coda is resolving and rendering the embed.
Tip: You can drag and drop the embed block to reposition it anywhere on the page, just like any other Coda block. Place it between sections, inside collapsible toggles, or alongside tables.
Method 2: Paste URL Directly
Quick alternative — works for many URLs
Coda can detect pasted URLs and offer to convert them into embeds automatically. Simply paste the URL on its own line and Coda will prompt you to choose how to display it.
- 1
Click on an empty line in your Coda doc
Place your cursor on a blank line where you want the widget to appear.
- 2
Paste the widget URL
Paste your Embeddy Embed Link. Coda may show a prompt with display options:
- →Embed — renders the widget inline (choose this)
- →Card — creates a preview card with title and description
- →Link — keeps it as a plain text hyperlink
- 3
Select "Embed"
Choose Embed from the prompt. Coda will render your widget inline, just like Method 1.
Note: If Coda does not show an embed option when pasting, the URL may not be recognized automatically. In that case, use Method 1 (/embed) to explicitly create an embed block and paste the URL there.
Resizing the Widget
Coda provides visual handles to resize embed blocks after they are inserted.
Adjust Width
Click the embed block to select it. Drag the side handles left or right to adjust the width. The widget content will reflow to fit the new dimensions.
Adjust Height
A drag handle appears at the bottom edge of the embed block. Pull it down to increase height or push it up to decrease height. Embeddy widgets are responsive and will adapt to the available space.
Full-width layout: Use Coda's full-width page setting to give your embed the maximum horizontal space. Go to the page options menu and select the wide or full-width layout option.
Limitations
Coda embeds are flexible but have a few platform-level constraints:
URL allowlist
Coda maintains a list of recognized embed providers. If a URL is not recognized, Coda may still embed it via a generic iframe, but the preview might not show metadata (title, description). Embeddy URLs embed correctly — the widget content renders even if Coda does not show rich preview metadata.
No raw HTML embeds
Unlike some platforms, Coda does not support pasting raw HTML or iframe code directly. You must use the URL-based embed method. This is why the Embed Link from your Embeddy dashboard is the correct thing to copy — not the iframe snippet.
Published docs
Embeds are visible in published Coda docs. If you publish your doc, anyone with the link can see the embedded widget. Make sure your widget content is appropriate for your intended audience.
Mobile app rendering
Embeds in the Coda mobile app may render differently than on desktop. Some interactive features within the widget may be less usable on small screens. Test on mobile if your audience will be accessing the doc from phones or tablets.
Troubleshooting
Embed shows "Unable to load" or a blank frame
This typically means the URL could not be fetched. Check these common causes:
- The widget is in draft mode. Publish the widget in the Embeddy dashboard so it is publicly accessible.
- The widget requires login. Set visibility to Public in the Embeddy dashboard.
- The URL has a typo. Copy the Embed Link fresh from the dashboard to avoid copy-paste errors.
Coda created a link instead of an embed
If pasting the URL resulted in a plain hyperlink, delete it and use Method 1 instead: type /embed, select Embed, and paste the URL into the embed block's input field.
Widget is cut off at the bottom
Drag the bottom resize handle of the embed block downward to increase height. If the widget is still too tall, users can scroll within the iframe. Alternatively, link to the Embed Link URL so users can view the widget in its own full-page tab.
Embed looks different in published mode
Published Coda docs may have different page widths than the editor. Check the published version and adjust the embed size if needed. Embeddy widgets are responsive and will adapt, but very specific layouts may need manual width adjustments.
Still stuck? Reach out on Discord or contact support. Share your widget's Embed Link and a screenshot of your Coda doc and we will help you debug it.
FAQ
Does this work with Coda's free plan?
Yes. Embeds are available on all Coda plans including the free tier. There are no plan restrictions on embedding third-party URLs.
Can I use the Embeddy iframe code instead of the URL?
No. Coda does not support pasting raw HTML or iframe code. Use the Embed Link (the direct URL) from your Embeddy dashboard. The /embed command and URL paste method both accept URLs, not HTML.
Will the widget update automatically if I change it in Embeddy?
Yes. Coda embeds load the live URL every time the doc is opened. Any changes you make to your widget in the Embeddy dashboard are reflected immediately — no need to re-embed or update the URL.
Ready to embed your widget?
Head to your Embeddy dashboard to create or find your widget, copy the Embed Link, and drop it into any Coda doc in seconds.