InvoiceSnap

Embed the invoice generator

Add a working invoice generator to your own site with one iframe tag. It is free for any site, commercial or not, as long as the credit link under the widget stays visible. There is no account, no API key and no rate limit, and nothing a visitor types leaves their browser. Build your snippet below, copy it, paste it into your page.

Build your embed code

900 fits the full form on desktop without an inner scrollbar.

Live preview

This is the actual widget, running from the same URL your visitors would load.

Licence, in plain words

You may embed this widget on any website, including a commercial one, for free and without asking. The single condition is attribution: the snippet above ends with a one-line credit, Widget: invoice generator by InvoiceSnap, and that line stays in your page as a real, followable link. The widget also renders its own credit line underneath the form; leave that one alone too. Do not hide either with CSS and do not add rel="nofollow" to them.

That is the whole trade, stated openly rather than buried: you get a working tool you did not have to build, and this site gets a link. If your organisation cannot carry an outbound credit link, an unbranded version is a separate arrangement rather than a rule to quietly break. Get in touch and we will sort it out.

Where to put it

The widget earns its place on a page where someone has just been told what an invoice needs and now has to produce one. That is usually a resources page for clients, a guide about getting paid, or a starter pack for new freelancers. It does badly as a homepage decoration, because nobody arrives at a homepage wanting to fill in a form.

WordPress

In the block editor, add a Custom HTML block and paste the snippet. In the classic editor, switch to the Text tab first. If your theme or a security plugin strips iframes, paste it into a Custom HTML widget instead, or allow iframes for the editor role you are using. Do not paste it into the Visual tab: WordPress will escape the tag and you will see the code as text.

Webflow

Drag an Embed element onto the page and paste the snippet into it. The embed renders as a placeholder in the designer and only becomes live on the published site, which catches people out, so check it after publishing rather than in the canvas. Set the element to full width so the widget can use the space on mobile.

Plain HTML, Squarespace, Ghost and everything else

Paste the snippet wherever raw HTML is allowed. It is a standard iframe with no dependencies, so anywhere that accepts an embed code will accept this one. Keep the width="100%" and the max-width in the style attribute so it stays inside its container on a phone, and keep loading="lazy" so it does not compete with your own page for the first paint.

What it does and does not do

Need something further than an embed

InvoiceSnap is built and maintained by FusionStudios, a web design studio in the Netherlands. We build browser-based tools, embeddable widgets and the content structure around them. If you want something like this on your own domain, or something an iframe cannot reach, see what FusionStudios builds.

Frequently asked questions

What does it cost to embed the invoice generator?

Nothing, on one condition: keep the attribution visible. The embed snippet includes a one-line credit under the iframe, Widget: invoice generator by InvoiceSnap, as a normal followable link, and the widget renders its own credit line underneath the form as a backstop. Leave both in place and the widget is free for any site, commercial or not. Remove or hide them and you no longer have a licence to use it.

Does the widget send my visitors' invoice data anywhere?

No. The widget file contains no fetch, no XHR, no analytics and no storage. Everything a visitor types is processed in their own browser and disappears when they close the tab. Nothing is sent to InvoiceSnap either. You can verify that by reading the widget source directly, which is why it is plain readable HTML and JavaScript rather than a compiled bundle.

Do I need an API key or an account?

No. It is one iframe tag. There is no key to request, no account to create, no rate limit and no dashboard. If your site can render an iframe, you are done.

How heavy is it?

It is a single self-contained HTML file with inline CSS and vanilla JavaScript, no framework and no external requests. Nothing is fetched from a CDN, so it cannot slow your page down by pulling in a rendering library it does not need.

Can I change the colours?

Yes. The configurator on this page sets the accent colour and the starting currency through URL parameters on the iframe source, so you can match the widget to your own design without forking the file. A fully custom, unbranded version is a separate arrangement: get in touch.

Can visitors download a PDF from the widget?

They can print it or save it as a PDF through their browser's print dialogue, which produces a clean unbranded document. The widget deliberately does not ship a PDF rendering library, because that would add hundreds of kilobytes to your page for a feature the browser already provides. The full generator on InvoiceSnap does include a direct PDF download.

Related

The full generator, and the machine-readable side of the same data.

Invoice generatorData APIInvoice rules by country