Embedding Guide

Step-by-step tutorials for deploying Embeddy widgets on every major platform. Each guide includes real instructions pulled from official platform documentation, code examples, and troubleshooting tips.

Get your embed code →then follow your platform's guide below

How Embeddy widgets work

1

Build your widget

Create a fullstack interactive widget in the Embeddy dashboard

2

Copy your embed code

Get your iframe code or direct URL from the dashboard's embed panel

3

Follow your platform guide

Use the guide below for your specific platform — usually 2–5 minutes to go live

Blog & Content

Medium

URL embed via Embed.ly + CodePen workaround

View guide →

Substack

Link-based — iframes not supported

View guide →

Blogger

HTML editor & HTML/JS Gadget

View guide →

Tumblr

HTML editor & Custom Theme Page

View guide →

Hashnode

Embed block (%[url]) & CodePen workaround

View guide →

DEV.to

CodePen liquid tag — no raw HTML

View guide →

Beehiiv

HTML block (web archive only)

View guide →

Buttondown

Markdown + HTML (web archive)

View guide →

Don't see your platform?

Most platforms that support custom HTML or iframe code will work with Embeddy's standard embed code. Contact us and we'll help you get your widget embedded.

Embed Code Formats

Embeddy provides an iframe embed (universal, works everywhere), a hostless HTML/script embed (for sites that support custom JavaScript), and a direct URL (for URL-based embed systems like Notion).

<iframe
  src="https://embeddy.ai/webhost/WIDGET_ID
       ?widget_props_id=PROPS_ID"
  width="100%"
  height="500"
  frameborder="0"
></iframe>

Universal Tips

  • Always use width="100%" for responsive layouts
  • Set frameborder="0" to remove the default iframe border
  • If the widget is cut off, increase the height value
  • Updates to your widget in the Embeddy dashboard apply automatically — no re-embedding needed
  • If your platform has a strict CSP, add embeddy.ai to frame-src
Getting StartedAPI Reference