The Short Version

  1. Copy the snippet from EZQR's embed page. It is one <div>, a small caption, and one <script> tag.
  2. Paste it into an HTML / custom code block on your site. Every major site builder has one — names vary but the function is the same.
  3. Publish. The generator appears in place of the placeholder div. Visitors can paste a URL and download PNG, SVG, or JPG.

Want to see the live snippet and a working preview first? Open the embed page — the full copy-paste snippet, a live preview, and three sandbox demos (CodePen, JSFiddle, JSitor) are all there.

Adding the QR Generator on Each Major Platform

The snippet itself is the same everywhere — these are just notes on where to paste it inside the editor.

WordPress

Edit the page or post, click the + block inserter, search for "Custom HTML", and paste the snippet into the block. Preview the page to confirm it renders before publishing. Works in both the block editor and Classic editor (use the "Text" tab in the Classic editor).

Wix

In the editor, click Add Elements → Embed Code → Embed HTML, drop the element onto the page, click Enter Code, and paste the snippet. Resize the element to the height you want.

Squarespace

Edit the page, add a Code block from the block menu, make sure the language is set to HTML, and paste the snippet in.

Webflow

Drag an Embed element from the Add panel onto the page, open the HTML embed editor, and paste the snippet. Publish the site.

Shopify

In the admin, edit a page (or use the theme editor's Custom Liquid / Custom HTML section), and paste the snippet into the HTML area.

Ghost

Inside the editor, type /html to insert an HTML card and paste the snippet.

Plain HTML, Astro, Next.js, etc.

Paste the snippet directly into your HTML. If your framework escapes raw HTML inside JSX, use a framework wrapper instead — there are maintained packages for vanilla JS, Vue 3, and Astro, plus a self-hosted Docker container, all linked from the embed page.

What Visitors Get on Your Page

Instant QR code creation

Paste a URL, press the button, download a high-resolution QR code. No account, no email, no friction.

Multiple download formats

PNG, SVG, and JPG are all available. SVG is sharp at any print size — billboards to business cards.

Static QR codes, free forever

The codes your visitors generate are free forever — no watermark, no expiry, no scan cap.

Responsive on every device

The embed fills its container width and adapts to mobile, tablet, and desktop without extra CSS.

Privacy-friendly

The QR pattern is rendered in the visitor's browser. Their link does not leave their device.

Zero maintenance

One script tag. No QR libraries to update, no encoding edge cases to debug. We keep it working.

Why Add a QR Code Generator to Your Website?

  • Blog posts and how-to articles that mention QR codes are far more useful if the reader can generate one without leaving the page.
  • Help centers and documentation for any product where customers occasionally need a QR — Wi-Fi credentials, vCards, event pages, app store links — can save a support ticket by putting the tool inline.
  • Internal portals and intranets let staff make quick QR codes for signage, training materials, and print collateral without a separate tool or a separate sign-in.
  • Educational and design sites teaching marketing, information design, or web development can let students try QR generation hands-on inside the lesson.
  • Marketing landing pages can use the embed as a hook — a useful free tool keeps visitors on the page longer than a static feature explainer.

Get the Snippet

The exact copy-paste snippet, a live preview, sandbox demos on CodePen, JSFiddle, and JSitor, and open-source wrapper packages for vanilla JS, Vue 3, Astro, and Docker are all on the Embed QR Generator page.

Open the Embed Page

What If I Want Editable QR Codes Instead?

The embed produces static QR codes — the destination is encoded in the pattern, so it cannot be changed after printing. If you need codes whose destination you can update later (and that track scans), see editable dynamic QR codes. Dynamic QR codes are managed from an EZQR dashboard account, not from an embedded generator.

Common Questions

How do I add a QR code generator to my website?

Paste a small HTML snippet onto any page of your site. EZQR provides a free embeddable QR code generator that loads in an iframe — one <div> and one <script> tag, and your visitors can create static QR codes right on your site. The full snippet is on the embed page.

Do I need to write any code to add a QR generator to my site?

No. The EZQR embed is a copy-paste HTML snippet. If your site builder lets you add an HTML or "custom code" block (WordPress, Wix, Squarespace, Webflow, Shopify, Ghost, plain HTML — all do), you can paste the snippet in and publish.

Is the embedded QR code generator free to add to my website?

Yes. The embed is free for any website, and the static QR codes it produces are free forever on EZQR — no watermark, no expiry, no scan limit, and no account required for your visitors.

Will adding a QR generator slow my website down?

No. The loader script is small and loads asynchronously, and the generator itself loads lazily inside an iframe. It does not block your page render or hurt your Core Web Vitals.

Can I resize the QR generator on my page?

Yes. The embed is responsive — it fills the width of its container — and you can change the height by adding a data-ezqr-height="600" attribute to the placeholder div.

Are there ready-made packages instead of a copy-paste snippet?

Yes. There are open-source wrappers for vanilla JS (ezqr-embed via npm/unpkg), Vue 3 (ezqr-vue), and Astro (ezqr-astro), plus a self-hosted Docker container (ezqr-container) on GHCR. They are linked from the embed page.