Free invoice generator widget for your website
Embed a free invoice generator on your own website with a single line of HTML. Your visitors create and download invoice PDFs without leaving your site — no signup, no watermark, and their data never leaves their browser.
Open the full invoice generatorIf your audience is freelancers, contractors, or small-business owners, an invoice generator is a genuinely useful thing to put on your page — and this one embeds in about a minute. Paste the snippet below and the full tool appears inline: your visitor fills in their details, previews the invoice live, and downloads a clean PDF, all on their own device.
Copy the embed code
Paste this wherever you can add HTML. Set the width to 100% so it stays responsive.
Live preview
This is the exact widget your visitors will see — it is the same tool, loaded in an iframe right here:
How to embed it
1. Copy the snippet
Use the Copy code button above. The snippet is one
<iframe> plus a small credit link — no scripts, no keys.
2. Paste it into your page
Drop it into a WordPress Custom HTML block, a Webflow or Squarespace embed, a Ghost HTML card, or straight into your own HTML. It renders inline immediately.
3. Adjust the size (optional)
Keep width="100%" for a responsive fit and tweak
height to show more or less of the tool before scrolling.
That is all the configuration there is.
What your visitors can do in the widget
- Fill in business and client details, line items, tax and discounts — totals calculate automatically.
- Add a logo, accent colour, and an optional clickable payment link or QR code.
- Download a watermark-free PDF, or switch the same details into a receipt or estimate.
Why embed an invoice generator?
A free tool that solves a real chore is one of the simplest ways to make a page worth bookmarking and linking to. Accounting blogs, freelance guides, small-business resource hubs and template galleries can offer a working invoice maker without building one. Your visitors get instant utility, you get a sticky page, and everything stays private because the PDF is built in their browser.
Frequently asked questions
How do I add the invoice generator to my website?
Copy the embed code above and paste it into any page where you can add HTML — a blog post, a CMS block, a landing page, or a static site. It is a standard <iframe> plus a one-line credit link, so it works in WordPress (Custom HTML block), Webflow, Squarespace, Wix, Ghost, Notion-to-site tools, and plain HTML. There is nothing to install and no API key. When the page loads, your visitors get the full invoice generator inline and can create and download a PDF without leaving your site.
Is the embedded invoice generator free to use?
Yes. The widget is free, with no signup, no watermark on the generated PDF, and no usage limit. You do not pay to embed it and your visitors do not pay to use it. We keep the tool free and ask only that you leave the small "by invoicepdf" credit link in place, which helps other people find it.
Where does my visitors' invoice data go?
Nowhere. The generator runs entirely in your visitor’s browser: the invoice details, the PDF and any logo or payment QR code are all built on their own device and never uploaded to a server. Because the widget is the same client-side tool as the main site, embedding it does not route any data through your site or ours. That makes it safe to drop onto pages that handle business or client information.
Can I resize the widget or remove the attribution?
You can change the width and height in the iframe code to fit your layout — set width to 100% so it is responsive, and raise or lower the height if you want more or less of the tool visible before scrolling. The credit link is what keeps the tool free to embed, so please keep it; the generator itself will still function if your CMS strips it, but leaving it in is appreciated and is how the widget earns its keep.
Will it work on mobile and in any CMS?
Yes. The embedded generator is responsive: on narrow screens it switches to a single-column layout so the form is usable on phones. Any platform that lets you paste an iframe (most do, via a "Custom HTML", "Embed", or "Code" block) can host it. If your CMS blocks iframes on lower plans, you can instead link visitors to the full tool at invoicepdf.app.