Embed YouTube, Loom, Figma, and More — Inline in Your Editor
Eddyter's Embed Links feature turns plain URLs from YouTube, Loom, Figma, and other supported platforms into rich, interactive embeds the moment you paste them. No iframe HTML to write. No external embed widgets. No "preview after publish" cycles.
Paste a link → get a fully rendered, interactive embed → keep writing. That's the entire workflow.
How Embed Links Works
Most editors treat embeds as a manual chore: copy the iframe code from the source platform, switch to source view, paste the iframe, hope the rendering works, hope it's responsive.
Eddyter collapses the whole flow:
- Paste a supported URL anywhere in the editor
- Eddyter auto-detects the source (YouTube, Loom, Figma, etc.)
- The embed renders inline — fully interactive
- Resize the frame to fit your layout
- Publish — the embed stays interactive in your published content
Three of those steps are automatic. You paste, you resize if needed, you publish.
Supported Embed Sources
Confirmed embeds work out of the box for:
- YouTube — Video content with full player controls
- Loom — Product walkthroughs and recorded video
- Figma — Live design frames and prototypes
Additional embed sources may be supported via oEmbed standards. See the Eddyter Documentation for the complete current list of supported platforms.
Resize for Layout Control
This is where Eddyter pulls ahead of static embeds. Most rich text editors lock embeds to a fixed size — you get whatever dimensions the iframe defaults to, and you fight CSS to change it.
Eddyter lets you resize the embed frame to match your layout:
- Full-width video for hero sections and landing pages
- Compact inline embeds for tight documentation
- Custom aspect ratios for non-standard content
- Responsive sizing that adapts to mobile and tablet
This means:
- Clean visual hierarchy across your document
- Better readability when embeds don't dominate the layout
- Responsive formatting that survives on smaller screens
- Professional-looking documentation that doesn't feel like a YouTube playlist
Built Directly Into the Editor
Embed Links isn't a plugin or third-party widget. It ships with the standard Eddyter editor on every plan, including Free.
For developers integrating Eddyter into a SaaS app, that means:
- No oEmbed handling to build separately
- No iframe rendering logic to maintain
- No platform-specific embed code to manage per source
- No responsive-iframe debugging when content moves
- Works out of the box in React and Next.js apps
New to the editor? What is Eddyter? is a 2-minute walkthrough.
How It Compares to Manual Embed Workflows
| | Manual iframe HTML | Generic oEmbed in WYSIWYG | Built-in YouTube/Vimeo only | Eddyter Embed Links |
|---|
Auto-detect from URL | ❌ Manual | ✅ Yes | ⚠️ Limited | ✅ Yes |
Multi-platform support (Loom, Figma) | ⚠️ Manual | ✅ Yes | ❌ No | ✅ Yes |
Resizable after insertion | ❌ HTML edit | ⚠️ Variable | ⚠️ Limited | ✅ Yes |
Inside the editor | ⚠️ Source view | ✅ Yes | ✅ Yes | ✅ Yes |
Works in React / Next.js apps | ❌ Manual | ⚠️ Plugin | ⚠️ Plugin | ✅ Native |
Available on Free plan | — | ⚠️ Variable | ⚠️ Variable | ✅ Yes |
For SaaS teams shipping editors to their users, multi-platform embed support is what users now expect. Loom walkthroughs, Figma designs, and YouTube tutorials are how modern docs are built — and they all need to render inline.
Where Embed Links Earns Its Keep
Product Documentation
Loom walkthroughs of new features, embedded directly in the docs that explain them. Users see the feature in action without leaving the page.
Design Reviews and Specs
Figma frames embedded in product spec documents. Engineers and stakeholders see the design exactly as the designer created it — live, not as screenshots.
User Guides and Tutorials
YouTube tutorials embedded inline with written guides. Multi-modal learners get both the explanation they prefer.
Onboarding Content
Interactive onboarding that combines text, video walkthroughs, and design previews — all in one document.
Internal Team Wikis
Knowledge bases that include embedded recordings of internal training, design files, and reference content.
Customer-Facing Help Articles
Help articles with embedded Loom recordings showing exactly how to perform an action — far more effective than text-only instructions.
Why In-Editor Embeds Matter in 2026
Documentation has permanently shifted from text-only to multi-modal:
- Video is the fastest way to learn complex workflows — written docs alone leave reader value on the table
- Design files in docs are how modern engineering teams build shared understanding
- Inline embeds keep readers in flow — opening new tabs breaks attention
- Modern users expect Loom, Figma, and YouTube embeds to "just work"
If you're evaluating Eddyter end-to-end, Integrate Eddyter in 30 Minutes walks through full setup including embed handling and other features.
Embed Links at a Glance
Capability | Eddyter Embed Links |
|---|
Auto-detect URL source | ✅ Yes |
YouTube embeds | ✅ Yes |
Loom embeds | ✅ Yes |
Figma embeds | ✅ Yes |
Resizable frames | ✅ Yes |
Responsive output | ✅ Yes |
Available on Free plan | ✅ Yes |
Works in React / Next.js apps | ✅ Yes |
Manual iframe code required | ❌ No |
Frequently Asked Questions
1. How do I embed a YouTube, Loom, or Figma link?
Just paste the URL anywhere in the editor. Eddyter auto-detects the source and renders the embed inline. No iframe code, no manual configuration.
2. Can I resize embeds after they're inserted?
Yes. Click the embed and adjust the frame size to match your layout. The embed stays interactive at any size.
3. What platforms are supported beyond YouTube, Loom, and Figma?
Eddyter supports oEmbed-compliant sources for additional platforms. For the current complete list, see the Eddyter docs.
4. Will embeds render correctly on mobile?
Yes. Embeds are responsive and render cleanly across desktop, tablet, and mobile.
5. Is Embed Links available on the Free plan?
Yes. Auto-embed handling is included on every Eddyter plan, including Free.
6. Does it work in React or Next.js apps?
Yes. Eddyter is a drop-in React component, and embed handling is part of the standard editor — no extra configuration required.
7. What's the difference between Embed Links and Link Preview?
Link Preview renders a card with title, description, and image for any URL. Embed Links renders the actual interactive content (the video, design frame, etc.) for supported sources. Both work — Embed Links activates first for supported platforms.
8. Can I embed custom iframe HTML for unsupported sources?
Yes. Use the HTML Code feature to paste custom iframe HTML for any source not covered by auto-embed.
Why It Matters
Documentation that only contains text is documentation that's already losing. Loom walkthroughs, Figma frames, and YouTube tutorials are how modern users actually want to learn — and they all need to live inside the content, not behind a "open in new tab" link.
Eddyter's Embed Links makes inline media the default. Paste, render, resize, publish. The whole workflow takes seconds.
Try Eddyter Free →