A website QR code gives people a faster way to reach online content. Instead of manually entering a long web address, users simply scan the code with their phone camera and open the page instantly.
Website QR codes are commonly used to connect printed materials with digital content. A restaurant can place a QR code on table cards, a retailer can add one to product packaging, and an event organiser can include one on tickets or banners.
They also help reduce typing errors. When a URL is scanned directly, visitors arrive at the intended page without needing to remember or enter the address themselves.
Because QR codes work across modern Android and iPhone devices, they provide a practical way to share websites in both online and offline environments.
Enter the full website address you want people to visit. Use the complete URL, including https:// when available.
Optionally add a logo, choose a single colour, or apply a two-colour or three-colour gradient. You can also upload a background image if required.
Click Generate Website QR Code to create a static QR code containing the website address you entered.
Download the QR code as PNG or JPEG and place it on printed materials, websites, presentations, advertisements, packaging, or signs.
Link customers directly to online menus, ordering pages, reservations, or promotional offers.
Connect packaging, inserts, and printed materials to product pages, support content, or special promotions.
Send users to landing pages, event registrations, product launches, or seasonal campaigns.
Provide quick access to schedules, speaker information, registration forms, and event websites.
Add website access directly to boxes, labels, manuals, and printed inserts.
Direct customers to help centres, FAQ pages, contact forms, or troubleshooting guides.
Before printing hundreds or thousands of copies, test the QR code in real-world conditions.
For close-range use such as menus, flyers, and business cards, a practical starting size is approximately 2 × 2 cm.
A useful guideline is the 10:1 rule.
Scan the code using at least one Android phone and one iPhone.
Test under:
Always test a printed sample rather than relying only on the on-screen preview.
Make sure the linked website loads correctly on mobile data as well as Wi-Fi connections.
The web address you paste into the generator is the single most important part of a website QR code. Once the code is printed, every scan depends on that exact link, so it is worth spending a minute to make sure the URL is clean, correct and built to last. Here is how a typical address breaks down.
Always include the secure https:// prefix when your site supports it. Phones open secure links without warnings, and visitors feel more comfortable landing on a page that shows the padlock icon.
Use the domain you own and plan to keep for years. Your own domain builds trust at the moment of scanning, because the preview shown by the phone camera displays a name people already recognise.
Send people to the specific page they need, not just your homepage. A short, readable path such as /summer-menu or /book keeps the code less dense and is easy to type if someone cannot scan.
Optional tags after the question mark tell your analytics tool where a visit came from. They add a few characters, so keep them short and only include the ones you actually plan to read.
Before generating, paste the complete URL into your own mobile browser and confirm it opens the exact page you expect. Remove leftover session IDs, search terms or long copied tracking strings that came from your address bar. A shorter link produces a QR code with fewer, larger modules, and larger modules are easier for cameras to read on small prints, curved packaging or screens viewed at an angle.
The generator above lets you add a logo, choose colours, apply gradients and place the code on a background image. Each option can make your code look more on-brand, but each also changes how easily a camera can read it. Use these guidelines to keep the balance right.
Upload a simple, square mark rather than a wide wordmark. A logo sits on top of the pattern, so it should stay small and centred. Icons with a plain or white backing usually scan better than detailed artwork, and a high-contrast version of your brand mark will look sharper at small print sizes.
Pick a deep shade from your brand palette, such as navy, dark green, maroon or charcoal, and keep the background light. Scanners look for a clear difference between dark and light areas, so bright yellows, pastels and light greys are risky choices for the pattern itself.
Gradients look striking on social posts and packaging. Make sure every colour in the blend is dark enough on its own, because the lightest part of the gradient sets the weakest point of the code. Test the darkest and lightest areas separately when you scan your proof.
After generating, you can move and resize the code over your uploaded image. Position it over a calm, evenly lit area rather than busy patterns or faces, and keep a light margin around the code so its edges stand out clearly from the picture.
When downloading, match the output size to how the file will be used. The table below gives a practical starting point for each size offered by FastQR.
| Download size | Good for | Suggested format |
|---|---|---|
| Small (200 × 200) | Email signatures, chat messages and small website widgets | PNG |
| Medium (500 × 500) | Social media posts, presentation slides and web pages | PNG |
| Large (1000 × 1000) | Flyers, menus, business cards and product labels | PNG or JPEG |
| Extra Large (1200 × 1200) | Posters, standees, banners and shop window displays | PNG or JPEG |
The best position for a QR code depends on how people hold, pass or stand in front of the material. A code that works perfectly on a business card can be useless on a moving vehicle. Use this placement guide when planning your layout.
| Material | Approximate printed size | Placement tip |
|---|---|---|
| Business card | 2 – 2.5 cm | Put it on the back with a short line of text so the front stays clean. |
| Restaurant table card | 4 – 5 cm | Angle the card towards seated guests and avoid glossy lamination under bright lights. |
| A5 or A4 flyer | 3 – 5 cm | Place it near the main offer or headline, not hidden in a footer. |
| Product packaging | 2 – 3 cm | Use a flat panel rather than a fold, seam or tightly curved edge. |
| Shop window or standee | 12 – 20 cm | Mount it at chest height and check for reflections from street light. |
| Presentation slide or TV screen | At least 15% of screen height | Leave it on screen long enough for the audience to scan comfortably. |
Whatever the medium, avoid putting codes where people cannot safely stop, such as on fast-moving vehicles, high billboards beside busy roads or spots without mobile coverage. A good placement gives the person scanning a few relaxed seconds, steady footing and a reason to take out their phone.
Almost every visit from a QR code happens on a phone, often on mobile data and while the person is standing or walking. The page you link to should respect that moment. Run through this checklist before printing.
If you are linking to a page that is not ready yet, publish a simple holding page at the final address first. That way you can print the code early and add the full content later, without ever sending visitors to a missing page.
A QR code on its own does not explain what happens next. A short line of text beside it can significantly increase the number of people who scan, because it answers the question “what will I get?” before they reach for their phone.
Keep the call to action close to the code, use a verb, and mention the benefit in plain language. Adding a small phone or arrow icon also helps first-time users understand that the square is meant to be scanned.
A static code permanently stores the link you entered. That makes it reliable and independent of any subscription, but it also means planning ahead pays off. These habits protect your printed materials long after the first print run.
Point the code at a permanent address on your own site, such as /menu or /offers, and update the content of that page instead of creating new URLs every season.
If you redesign your website, set up a permanent (301) redirect from the old path to the new one. Existing codes keep working and nobody lands on an error page.
Keep domain and hosting renewals on auto-pay. If a domain lapses, every QR code that points to it stops working, and in the worst case the address could be taken by someone else.
Free link shorteners make codes simpler, but your code then depends on a service you do not control. A short path on your own domain gives the same benefit without that risk.
Show a short version of the URL under the code for people who use older phones, have accessibility needs or simply prefer typing. It also reassures visitors about where the code leads.
Every few months, scan the codes on your signage, packaging and printed stock. Catching a broken link early is far cheaper than discovering it from customer complaints.
To bring these ideas together, here is how different people might plan a website QR code from start to finish.
The studio owner creates a QR code linking to a /free-trial page on their website, places it at the reception desk with the line “Scan to claim your free introductory workout session,” and adds utm_source=reception to track how many trial bookings come from in-person visitors.
A large code on each “For Sale” board opens a mobile-friendly listing page with photos, price and a call button. Each board gets its own utm_content value, so the agent knows which properties attract the most interest from passers-by.
Organisers place codes on posters around campus pointing to a registration page. They use a deep brand-coloured gradient, test prints in sunlight and corridors, and print the short URL underneath for students who prefer typing it in.
In each example the code itself takes only seconds to create. The real results come from the planning around it: a clean link, a page built for phones, a sensible print size, a clear reason to scan and a way to measure what happens afterwards. Apply the same thinking to your own project and your website QR code will keep delivering visitors long after it is printed.
When the payload is not a plain web link, use a tool that formats the data correctly:
Paste your website URL, generate the QR code, and download it in the size and format that fits your project. The generated code can be used on printed materials, packaging, signage, marketing campaigns, and digital assets.
A website QR code is a QR code that stores a web address. When scanned, it opens the linked page in the user’s browser.
Paste your website URL, optionally customise the appearance, generate the code, and download the result.
Website QR code generation is currently available without requiring an account.
Yes. You can optionally upload a logo before generating the QR code.
QR codes can be downloaded as PNG or JPEG files.
Yes. The generated QR codes follow standard QR specifications and can be scanned by most modern smartphones.
Yes. Multiple export sizes are available, including larger sizes suitable for print projects.
No account is required to generate and download a website QR code.
The generated QR code is static. If the destination URL changes, a new QR code must be created.
No. Once generated and downloaded, the QR code cannot be edited through FastQR.