How-to guides
How to add a QR code to Wix
Add the downloaded PNG with an image element: free and permanent. Wix App Market QR widgets work but typically carry subscriptions for something a static image does for nothing. Generate the code externally, upload it, keep the quiet zone clear, and test the published page with a phone.
The image element route
- Generate the code with the URL generator and download the PNG.
- In the Wix editor: Add Elements → Image → Upload Media, then place it.
- Size it by dragging, but keep the aspect ratio locked, a stretched QR code with rectangular modules is a gift to nobody's camera.
Three placement rules that matter more in Wix than elsewhere, because the editor makes free-form layout easy:
- Keep the quiet zone. Wix will happily let you overlap the code with shapes, text or section backgrounds. The quiet zone (at least 4 modules of clear space on every side) is part of the code, not padding you can spend.
- Watch section backgrounds. A code placed over a coloured or photographic strip loses contrast at the edges. Put it on a plain light card if the section behind is busy.
- Check mobile view separately. Wix lays out mobile independently; a code that is 180 px on desktop can end up 90 px on mobile, below a comfortable scanning size. Anything under about 100 × 100 px on screen is marginal.
About the QR apps in the Wix App Market
Searching "QR" in the App Market returns plenty of widgets, and most follow the same model: a free tier with limits, then a subscription for full use. What the subscription buys is convenience and, sometimes, editable destinations, not a better code. The code itself is a commodity; the maths of "free" tools is laid out in do QR codes cost money and generators without signup.
A static PNG you generated yourself is free, has no account attached, and cannot stop working because an app was removed or a plan lapsed. The one case where a paid widget earns its fee (destinations you edit after publishing) is worth a deliberate decision, not a default.
Wix also has an Embed HTML element (an iframe) that could host an API-generated code, but an uploaded image is lighter, loads with the page rather than inside a frame, and needs no allowances for iframe sizing. Use the image.
Which direction is your code pointing?
Most Wix sites want codes for print that points at the site (salon price lists, restaurant table cards, event flyers), rather than codes on the site itself. On-site codes make sense in a few specific spots: a vCard code on the contact page for laptop visitors, or codes inside downloadable/printable content. If the code just links to another page of the same site, use a button; everyone on screen can tap. The general placement guide is adding a QR code to a website.
Before you call it done: publish, open the live site on a desktop, and scan the screen with a phone. Then run the downloaded image through the validator so you know the payload is exactly what you intended.
FAQ
Does Wix have a built-in QR code generator?
Not as a general site feature: QR functionality on Wix comes via App Market widgets, most of which carry subscriptions. Generating the code externally and uploading the PNG achieves the same result at no cost.
Are the Wix QR code apps worth paying for?
Only if you specifically need destinations you can change after printing, and even then compare the recurring cost against running a redirect on a domain you control. For a fixed link, a static image does the same job for free, forever.
Why does my QR code look wrong on the Wix mobile site?
Wix lets the mobile layout differ from desktop, and the editor may have shrunk or repositioned the image. Check the mobile editor view, restore the aspect ratio, and keep the code at 100 pixels square or larger.
Can I use the Wix Embed HTML element for a QR code?
You can point an iframe at an API-generated image, but there is no advantage over uploading the PNG directly. The uploaded image is faster, simpler and not dependent on an external request at view time.
Try it: free, no signup
Related
- How to make a QR code, Pick the type, enter your details, check the size against the scanning distance, and download SVG for print or PNG for screens. With UseQR the whole…
- How to add a QR code to a website, An img tag with the UseQR API URL does it in one line - but only for cross-device moments. A QR code pointing at content the visitor could just click is noise.
- How to add a QR code to Squarespace, Upload the PNG to an Image block, or point an img tag at a keyless QR API from a Code block. Upload at 2× display size so compression never costs you modules.
- Do QR codes cost money?, The format is free and static codes cost nothing to generate, forever. Money enters with dynamic redirects, analytics dashboards, design tools and print.