Div-idy logo
All docs My Projects Sharing

How to Embed a Div-idy Project

You can embed any Div-idy web app or page into another website. Just take your project’s link and place it into your embed code—most commonly an iframe.

Updated Time: ~2–3 minutes Audience: All users
Open My Projects Get a Link Publishing

Quick Answer

Copy the link to your Div-idy web app or page, then paste that link into your embed code (for example, inside an iframe). Once published, your Div-idy project will appear directly on the page where it’s embedded.

Requirements before embedding

  • The project must be Unlisted or Public
  • You must have the project’s live link
  • The site you’re embedding into must allow iframes
Tip

Use Unlisted if you want to embed without making the project publicly discoverable.

Step-by-step: embed a Div-idy project

1

Copy your project link

Open your project and copy the live link. 

Project → Share / See It Live
Copy: https://www.div-idy.com/view/your-project
2

Add the link to your embed code

Paste the link into your iframe or embed block. 

<iframe
  src="https://www.div-idy.com/view/your-project"
  width="100%"
  height="600"
  style="border:none;"
  loading="lazy">
</iframe>
3

Publish your page

Save and publish the page where the embed is placed. 

Save → Publish
Embedded project is now live

Common use cases

  • Embedding apps in marketing websites
  • Live demos inside blog posts
  • Interactive portfolios
  • Internal tools embedded in dashboards
← Back to Documentation Next: Generate a QR Code →