Back to Tools
DevriQDOCS

Embedding Tools

Embed any DevriQ tool into your own website or application using a simple iframe.

You can embed any DevriQ tool into your own website or web app using a standard HTML iframe. No API key is required. The embedded tool runs entirely client-side — no data leaves the user's browser.

💡Tip
Embedding is free and has no rate limits. Credit DevriQ Tools in your site's footer as a courtesy.

Basic Embed Template

Replace [tool-slug] with the tool URL slug:

<iframe
  src="https://tools.devriq.in/[tool-slug]"
  width="100%"
  height="700"
  frameborder="0"
  allow="clipboard-write"
  title="Tool Name — DevriQ Tools"
></iframe>

Ready-to-Use Embed Codes

Image CompressorPreview tool →
<iframe
  src="https://tools.devriq.in/image-compressor"
  width="100%"
  height="700"
  frameborder="0"
  allow="clipboard-write"
  title="Free Image Compressor — DevriQ Tools"
></iframe>
JSON FormatterPreview tool →
<iframe
  src="https://tools.devriq.in/online-json-formatter-validator"
  width="100%"
  height="700"
  frameborder="0"
  allow="clipboard-write"
  title="JSON Formatter — DevriQ Tools"
></iframe>

Recommendations

  • →Set height to at least 600px — most tools need vertical space to display their UI well.
  • →Add allow='clipboard-write' so users can copy output from the embedded tool.
  • →Use the tool's page title as the iframe title attribute for accessibility.
  • →Add a fallback link for browsers that block iframes.
⚠️Warning
PDF tools use local file access APIs. Some browsers may restrict file upload in iframes. Test thoroughly before deploying.