If you run a blog, a small business site, or a content portal, you've probably had the thought: "It would be useful if my readers could compress a PDF / make an invoice / generate a QR code right here on the page, instead of going off to a different site." Until recently, building that kind of utility yourself meant hiring a developer or burning a weekend on a custom integration. Now it's a single copy-paste.
An embeddable tool — usually called a widget — is a small piece of HTML you drop into your page that loads a fully working application inside an iframe. The visitor uses the tool on your site, but the actual code, hosting, and updates are handled by the tool provider. You just paste the iframe and forget about it.
You've seen them all over the web: YouTube videos, Twitter/X timelines, Spotify players, Calendly schedulers, Typeform forms. The mechanism is always the same — an iframe with a source URL pointing to the provider's domain.
Three practical reasons:
1. Visitors stay on your site. When you link to another site, you lose them. They may come back, they may not. With an embed, they get the utility they need without leaving — which means they're more likely to read your other content, sign up for your newsletter, or buy your product.
2. Better engagement signals. Search engines watch how long visitors spend on your pages. A useful interactive tool keeps people on the page longer, which is one of the signals Google uses to judge content quality.
3. Lower bounce rate. A visitor who lands on your "how to compress a PDF" article and immediately bounces to a different site to do the actual compression is a poor outcome. A visitor who reads your article, uses the tool you embedded, and then explores your site is much more valuable.
Criply offers six embeddable widgets right now, with more being added:
All six are free. No signup, no API key, no payment, no usage limits.
That's it. Your visitors can now use the tool directly on your page.
The annoying thing about iframes is they have a fixed height by default. If the embedded tool reveals new sections — like an invoice generator showing the line-items table or a PDF compressor revealing its result panel — the iframe doesn't grow. Visitors end up with scrollbars inside scrollbars.
Criply widgets solve this with a small JavaScript trick called postMessage. Inside the widget, JavaScript watches its own height and posts an update to the parent window every time it changes. The tiny snippet included in the embed code listens for these messages and adjusts the iframe's height to match. The result is a seamless experience — no visible scrollbars, no cut-off content.
You don't have to understand any of this to use it. The snippet handles itself. The reason to mention it is that you'll see two pieces of code in the embed: the iframe itself, and a small <script> block that does the resizing. Keep both.
Inside relevant blog posts. The strongest placement is at the natural moment the reader needs the tool. A post about "how to compress a PDF for email" should have the compress tool right after the "step by step" section. The reader's intent is at peak — give them the tool to act on it without leaving.
On dedicated tool pages. Create a page like yoursite.com/tools/invoice-generator with a brief intro, the embedded widget, and FAQ content around it. These pages rank well for tool-specific keywords because they combine content depth with hands-on functionality.
In a sidebar widget area. A "free quick tools" sidebar on every page can host a small calculator or word counter. Good for engagement, less good for content depth.
Inside CRM or admin pages. Embedding a calculator inside your team's internal tools or a customer-facing dashboard saves them from opening another tab.
The iframe + script pattern works in virtually every modern CMS that allows raw HTML:
Will the widget slow down my page?
The iframe loads with the loading="lazy" attribute by default, which means it only loads when the visitor scrolls near it. The iframe also loads in parallel with the rest of your page — it doesn't block your content rendering.
Can I customise the widget's appearance?
The widget itself uses Criply's design — a clean teal-accent style that fits most sites. You can wrap the iframe in your own container, add a border, change the background. The internals of the widget are fixed for consistency.
Is the data my visitors enter sent to your servers?
For client-side tools (PDF compression, word counter, percentage calculator) — no. Everything runs in your visitor's browser. For server-rendered tools (currently none of the embeddable ones), data is processed on Criply's servers and deleted immediately. Your visitors' privacy is preserved.
Visit criply.co/embed, pick a widget, and copy-paste. The tools are free now and will stay free — the small "Powered by Criply" link in the corner is how we keep them that way.
7 practical ways to work with PDFs faster. Free, instant download.
Use our free Criply Widgets tool — works in your browser, nothing to install.
Criply Widgets — Free