Make a QR Code for Wi-Fi in the Browser: Seven Content Types and Their Fields
I work on OnePassApps, the team behind app.onepassapps.com. This is about our own QR Code Maker, and every field and default below was read off the live app on 10 November 2026. Most QR generators ask for a URL and hand
I work on OnePassApps, the team behind app.onepassapps.com. This is about our own QR Code Maker, and every field and default below was read off the live app on 10 November 2026.
Most QR generators ask for a URL and hand you a picture. The part worth looking at is what happens when the thing you want to share is not a URL: a Wi-Fi network, a contact card, a phone number, a sentence of plain text.
Seven content types in one dropdown
The first control on the panel is Type. Its dropdown lists seven options: Link, Text, Wi-Fi, Contact, Email, Phone and SMS. The line above the panel says the app makes "a static QR code for a link, text, Wi-Fi, contact, email, phone or SMS, then download it as PNG or SVG."
The app works signed out. The account button in the header still reads "Account, not signed in" while the whole tool sits on the same page, and the preview panel says "Your code appears here as soon as the content is complete."
What the Wi-Fi type asks for
Switch Type to Wi-Fi and the content fields change. They are:
- Network name (SSID) - the text field's placeholder is "Home network"
- Security - the field reads WPA by default, and the panel notes "WPA or WPA2/WPA3"
- Password - with one line under it: "Shown in the code to anyone who scans it."
- Hidden network - a checkbox
That sentence under the password box is the privacy story of a Wi-Fi code, and the app is the one telling you it. Anyone who scans the code can read the network password out of it. The same is true of a contact code: the content sits inside the image.
What the Link type asks for
On Link the field is "Web address", and the hint under it reads: "Starts with http or https. https:// is added if you leave it out."
So example.com and https://example.com both work. The field is a URL field, and the hint is there because a QR code holding "example.com" is not the same code as one holding "https://example.com", so the app normalises it for you.
One appearance panel for every type
Whatever the content, the Appearance section is the same:
- Error correction - L, M, Q and H, with M selected by default. The app's own note: "Level M can recover about 15% of a damaged code. Higher levels make a denser code."
- Module scale - pixels per module, 10 by default
- Quiet zone - modules around the code, 4 by default
- Foreground and Background - colour pickers, #111111 on #ffffff by default, with the panel reporting "Contrast is 18.9:1, which suits scanners."
Two downloads, one preview
The preview panel offers Download PNG and Download SVG. It says "Your code appears here as soon as the content is complete." and, underneath, "Static code: the content is in the image itself, so it keeps working without us."
The panel also carries the line that answers the usual question about a tool like this one: "Nothing leaves this tab."
The plan block on the same page reads "Standard is free" under a "Free promotional period" label, then "$0 / month", then "100,000 credits every 30 days Β· No card required".
Before you print anything
Scan the code with the phone you intend to use. The content is inside the image, so a code that does not read on your phone is a wasted print run - and for a Wi-Fi code the password is inside it for anyone who scans.
The QR Code Maker is one of the tools in app.onepassapps.com, and the app guides walk through the steps for each content type.
Originally published by Dev.to WebDev. Aggregated on AIWithGhost for educational purposes β full credit and traffic to the original publisher.