Add any PDFly tool to your website with a single iframe tag. No API keys, no backend required.
Drop this into any HTML page to embed the Merge PDF tool.
<iframe
src="https://pdfly.worldnote.in/tool/merge-pdf"
width="100%"
height="700"
style="border: none; border-radius: 12px;"
title="PDFly - Merge PDF"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
></iframe>Use any of these tool slugs in the iframe URL:
Common patterns for integrating PDFly into your pages.
Maintains a 7:10 aspect ratio. Resizes with the container width.
<div style="position: relative; width: 100%; padding-bottom: 70%; height: 0; overflow: hidden;">
<iframe
src="https://pdfly.worldnote.in/tool/merge-pdf"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; border-radius: 12px;"
title="PDFly - Merge PDF"
loading="lazy"
sandbox="allow-scripts allow-same-origin"
></iframe>
</div>PDFly supports the following query parameters for customization:
| Parameter | Values |
|---|---|
theme | light, dark |
tool | merge-pdf, split-pdf, ... |
Apply border-radius to round the iframe corners to match your design.
style="border: none; border-radius: 8px;" /* subtle rounding */
style="border: none; border-radius: 12px;" /* default */
style="border: none; border-radius: 16px;" /* pill shape */Add depth to the embedded tool:
style="border: none; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.1);"The sandbox attribute controls what the iframe can do. PDFly requires:
sandbox="allow-scripts allow-same-origin"
/* Allowed values:
allow-scripts - enables JavaScript execution
allow-same-origin - allows access to same-origin storage */
/* Do NOT add these unless needed:
allow-popups - allows new windows
allow-forms - allows form submission */Want to use PDF manipulation libraries directly?
View JavaScript & Python Examples