How to make a QR code for a website
SmartQRCode editorial · Updated October 2026
How to make a QR code for a website is a website-type job in SmartQRCode when the page might move or you need scan totals. Generate the URL type, download SVG or PNG, and print a proof at viewing distance. If the address will never change or be counted, Canva's static widget is enough.
How to make a QR code for a website without baking UTMs into the ink
The website type opens a link. Destination can change after printing because the modules encode a SmartQRCode URL on the apex host, not the final page. Scans hop with a 302. A static file that contains https://example.com/campaign?utm_source=flyer stores every character in the modules. Version grows. The card looks busier. Put UTM on hosted destination instead. The apex host destination you paste should be the public page, not staging. Print proof at viewing distance before the run.
How to make a QR code for a website that uses a hash route still needs the public https address, including the hash if the page will not render without it. Test the proof scan on a phone, not in a desktop preview that injects a session cookie. If the site is a single-page app that 404s on refresh, fix the site before you print. The symbol cannot repair routing. How to make a QR code for a website that 404s on refresh is a site fix first, then a Download, then a proof scan on a phone that is not already logged in. Confirm the apex host in the address bar. Then print the run. How to make a QR code for a website ends on that paper scan, not on the laptop zoom.
A website generator is that path. Tracked codes are the same hosted class when the search is about totals. Dynamic is the vocabulary page for the encoding. A raw link how-to exists when the job is any URL, not specifically a site you control: how to make a QR code for a link.
Do not screenshot the unpaid canvas. That preview is not the live payload. Use the Download row after the code exists.
A marketing site with a cookie wall that covers the first paint will look like a failed scan. Test in a private window. If the wall is required, the hosted destination can be a lightweight page. A static Canva widget cannot change after legal updates the wall.
Website type redirect, then a physical proof
- Open the website type. Paste the live https address you want scanners to reach first, including a working path, not a staging host you will switch without a hosted code.
- If you need campaign parameters, add them to that destination, not as extra text in the modules. You can edit them later on a hosted type.
- Skip Wi-Fi. A site mark is not a password.
- Download SVG for a printer or cutter. Download PNG at the final millimetres, 300 dpi or higher, for toner or a layout app that rejects SVG.
- Place the file in the layout. Leave a four-module gutter. Do not crop a finder.
- Print one copy at finished size. Scan with the Camera app from the real distance: about 30 cm for a card, further for a poster.
- Confirm the phone opens the live site, not a preview explainer. Then print the run.
Retail shelf tags are the usual website-type placement: arm's length, overhead light, a URL that will move when the SKU does.
Should a website code be hosted or static
Hosted if the page will be redesigned, if the campaign will be retargeted, or if someone will ask how the flyer did. Static if the print must survive with no provider and you accept no totals and no edits. Static vs dynamic QR codes is the comparison. Canva's built-in QR is usually static. That is correct for a one-night board pointing at a page that dies on Monday.
A long marketing URL encoded as static densifies the grid. Shorten, host, or enlarge the millimetres. Hosting is the lever that also gives country and device totals.
Which download to print for a site mark
SVG and vector PDF scale without grey. A screenshot of an on-screen preview is a raster of RGB pixels, often with UI chrome. For toner, a 300 dpi PNG of the final millimetre size is the usual raster brief. Upscaling a 400 px social export to a window cling interpolates grey. Place SVG in InDesign or Illustrator. Place a sized PNG in Canva, Word, or Photoshop.
Can you retarget the site after ink
Yes, for the website type. Change the destination in SmartQRCode. Printed squares stay. A static Canva widget cannot. Hosted codes last as long as the provider resolves them. A pause can stop a physically perfect print. If the site mark must survive with no host, encode static and reprint when the URL moves.
Apex host, www leftovers, and a staging URL that escaped onto paper
Paste the public https address scanners should open, on the apex host you actually serve. A staging URL, a localhost leftover, or a www bookmark you have not redirected will print permanently on a static file. On a hosted website type you can fix the destination after you notice. On a Canva widget you reprint. Check the phone's address bar on the proof scan, rather than trusting the page title alone.
If the site uses a consent wall or a geo block, scan from a network that sees what a guest sees. A staff VPN that bypasses the wall is a false pass. Country totals on hosted types come from request headers; they will not explain a wall.
Apex versus www is an operations issue for this product: printed codes encode smart-qrcode.com. Your destination can be any https site. Do not print a destination that requires a login the scanner does not have.
For a shop that will reprice on the shelf, hosted is the default. Static is the exception for a page that is truly frozen. How to make a QR code is the cluster map if you still have not picked encoding.
Print size still follows viewing distance. A window cling read from the pavement is not a 2 cm card. Enlarge. Then scan from the pavement, not from the shop stool.
When a Canva site widget is enough
A classroom poster, a birthday page, or a single flyer whose address will never change and will never be counted belongs in a free static generator. How to make a QR code for a website, in that case, is Canva's Apps element and a proof scan. How to make a QR code for a website when the page is a living shop is the SmartQRCode website type plus Download SVG or PNG plus a proof at viewing distance.
If the shop runs a weekend sale URL, host it. Changing the sale at Sunday noon should not require new window vinyl. If the site is a single archived page for a closed exhibition, static is honest. Scan the vinyl on the glass, from the pavement, in the lighting you will actually have at 6pm. A desk scan in the studio is not that test. Gloss on the outside of the glass is a downlighter problem; matte on the symbol patch helps.
Questions this raises
Host when the page URL will move or you need scan totals. Encode the raw https address as static only when the print must survive with no provider and you will never count.
SVG for commercial print and cutters. A 300 dpi PNG of the final millimetres for toner. Not a screenshot of the unpaid preview canvas.
Yes for the website type, because the modules store a SmartQRCode address and scans 302 to the live target. A static Canva widget cannot.
A one-off poster pointing at a page that will never move and will never be counted. That is the honest static job.
On the hosted destination, so they do not densify the printed grid. On a static file they live in the modules and cannot be edited later.
Keep going
The tools and playbooks this post refers to, one click away.
Make the code this post is about
$1.99 for 7 days, then a paid plan. Pick a type, brand it, and edit the destination whenever you like, even after it is printed.