How to Create a QR Code for a Website
A QR code is one of the easiest ways to connect offline materials with an online page.
You can place a QR code on a business card, flyer, poster, restaurant menu, product label, event banner or printed brochure. When someone scans it with a phone, they can open your website without typing the URL manually.
But creating a good QR code is not just about generating a black-and-white square. You need to choose the right destination URL, test the code, make it easy to scan and, if you are using it for marketing, track where the traffic comes from.
In this guide, you will learn how to create a QR code for a website, how to use it correctly and how to generate one online with the free QR Code Generator by Free Utilities Online.
What Is a QR Code?
A QR code is a two-dimensional code that can store information such as a website URL, text, contact details or other data.
For websites, the most common use is simple:
QR code → website URL
For example, a QR code can point to:
https://example.com/
When someone scans the QR code, their phone opens the linked website.
This makes QR codes useful for connecting physical materials to digital pages.
Why Create a QR Code for a Website?
A website QR code helps users visit a page quickly without typing a long URL.
This is useful for:
business cards;
flyers;
posters;
restaurant menus;
event signs;
product packaging;
printed brochures;
store displays;
presentation slides;
classroom materials;
real estate signs;
appointment cards;
local business promotions.
Instead of asking someone to type a URL, you give them a scannable shortcut.
Common Website QR Code Use Cases
Business Cards
A QR code on a business card can link to your website, portfolio, booking page or contact page.
Example:
https://example.com/contact/
This makes it easier for people to reach you after a meeting or networking event.
Flyers and Posters
A flyer or poster can use a QR code to send people to:
an event page;
a landing page;
a sign-up form;
a coupon page;
a product page;
a restaurant menu;
a download page.
For offline campaigns, QR codes are especially useful because they turn printed material into measurable web traffic.
Restaurant Menus
Restaurants often use QR codes to link to digital menus.
Example:
https://example.com/menu/
A good menu QR code should open a mobile-friendly page quickly.
Product Packaging
A QR code on packaging can link to:
product instructions;
warranty registration;
video tutorials;
ingredient information;
product manuals;
customer support;
reorder pages.
This gives customers more information without adding more printed text.
Events
At events, QR codes can link to:
registration pages;
schedules;
maps;
speaker profiles;
feedback forms;
Wi-Fi instructions;
download resources.
The key is to make the landing page useful and mobile-friendly.
Step 1: Choose the Right Website URL
Before generating the QR code, decide exactly where the code should send users.
For example:
https://example.com/
That may be fine for a general business card. But for a campaign, a more specific URL is usually better:
https://example.com/summer-offer/
Or:
https://example.com/book-now/
A QR code should lead to the most relevant page, not always the homepage.
Good QR code destinations include:
landing pages;
booking pages;
contact pages;
product pages;
menus;
campaign pages;
downloadable resources;
sign-up forms.
Avoid sending users to a generic page if a more useful page exists.
Step 2: Make Sure the Page Is Mobile-Friendly
Most QR codes are scanned with phones. That means the destination page must work well on mobile.
Before printing or sharing the QR code, check that the page:
loads quickly;
is easy to read on a phone;
has clear buttons;
does not require too much zooming;
has a simple next step;
works on both iPhone and Android;
does not show broken popups or layout issues.
A QR code is only useful if the page behind it works well.
Step 3: Add UTM Tracking If Needed
If you are using a QR code for marketing, add UTM parameters before generating the QR code.
A normal URL looks like this:
https://example.com/menu/
A tracked QR URL could look like this:
https://example.com/menu/?utm_source=table_qr&utm_medium=qr&utm_campaign=restaurant_menu
This helps analytics tools understand where the traffic came from.
For example:
utm_source=flyerutm_medium=qrutm_campaign=spring_event
Or:
https://example.com/register/?utm_source=poster&utm_medium=qr&utm_campaign=local_workshop
A good workflow is:
Create the destination URL.
Add UTM parameters.
Test the full URL.
Generate the QR code from the tracked URL.
Scan and test the QR code.
If you create the QR code before adding UTMs, you may lose useful campaign tracking.
Step 4: Generate the QR Code
Once your URL is ready, you can generate the QR code.
With the free QR Code Generator by Free Utilities Online, you can:
enter your website URL;
generate a scannable QR code;
customize the style;
preview the result;
download the final code;
use it for print or digital campaigns.
For a basic website QR code, the input is simply your URL:
https://example.com/
For a tracked QR code, use the full UTM URL:
https://example.com/?utm_source=flyer&utm_medium=qr&utm_campaign=brand_awareness
Step 5: Customize the QR Code Carefully
Custom QR codes can look more branded, but readability is more important than style.
You may be able to customize:
foreground color;
background color;
corner style;
dot style;
logo;
margin;
size;
file format.
However, do not over-design the QR code.
Good QR code design rules:
keep strong contrast;
use a light background and dark code;
keep enough quiet space around the code;
avoid very low contrast colors;
avoid placing text too close;
avoid shrinking the code too much;
test after adding a logo;
test after exporting.
A beautiful QR code that does not scan is a failed QR code.
Step 6: Test the QR Code
Always test your QR code before printing, publishing or sending it.
Test it with:
an iPhone camera;
an Android camera;
different lighting conditions;
the final printed size;
the actual material if possible;
the final exported file;
the final URL.
Check that:
the QR code scans quickly;
the URL opens correctly;
the page loads on mobile;
UTM parameters are included if needed;
the QR code is not blurry;
the code has enough contrast;
the printed version is large enough.
Testing is especially important before printing hundreds or thousands of flyers, labels or cards.
QR Code Size Recommendations
The ideal QR code size depends on where people will scan it.
For small printed items like business cards, the QR code needs to be large enough for phone cameras to detect easily.
For posters or signs, the QR code should be larger because people may scan it from a distance.
Practical examples:
| Use case | Practical advice |
|---|---|
| Business card | Keep it clear and not too small |
| Flyer | Make it easy to scan at arm’s length |
| Poster | Use a larger code for distance scanning |
| Restaurant table menu | Test from normal seated distance |
| Product packaging | Keep enough quiet space around the code |
| Presentation slide | Make it large enough for the room |
If you are unsure, print a test version and scan it before final production.
Should You Use a Short URL in a QR Code?
QR codes can encode long URLs, including UTM parameters, but shorter URLs can sometimes create simpler-looking QR codes.
If your UTM link is very long, you may want to shorten it.
A good workflow is:
Build the full UTM URL.
Test the full URL.
Shorten the full URL.
Generate the QR code from the short URL.
Test the QR code.
This can make the QR code visually simpler and easier to use in some printed designs.
However, make sure your short URL is reliable and will not expire unexpectedly.
Static vs Dynamic QR Codes
A static QR code contains the final destination data directly. If the URL changes later, you usually need to generate and print a new code.
A dynamic QR code usually points to a short redirect URL that can be changed later in a dashboard.
For simple use cases, static QR codes are often enough.
Use static QR codes for:
simple website links;
personal portfolios;
one-time flyers;
basic contact pages;
menus that rarely change.
Consider dynamic QR codes when:
the printed material will be used for a long time;
you may need to change the destination later;
you need advanced scan analytics;
you are running a large campaign.
For most basic website QR codes, a clean static QR code works well.
QR Code Best Practices
Use a clear call to action near the code.
Examples:
Scan to view the menu
Scan to book your appointment
Scan to get the discount
Scan to visit our website
A QR code without context may be ignored. Tell people what they will get after scanning.
Other best practices:
place the QR code where it is easy to scan;
avoid reflective or curved surfaces when possible;
do not place it too close to edges;
leave white space around it;
use strong contrast;
test before publishing;
use a mobile-friendly landing page;
add tracking if it is a campaign.
Common QR Code Mistakes
1. Linking to a Non-Mobile-Friendly Page
Most people scan QR codes with phones. If the page is not mobile-friendly, the experience will be poor.
2. Printing Without Testing
Never print a QR code without scanning the final version first.
A code that works on screen may fail if printed too small, blurry or with low contrast.
3. Using Low Contrast Colors
Avoid pale colors, transparent backgrounds or decorative patterns that make scanning harder.
A dark code on a light background is usually safest.
4. Forgetting UTM Tracking
If the QR code is part of a campaign, add UTM parameters before generating it. Otherwise, it may be harder to measure performance.
5. Sending Users to the Homepage
If the user scans from a flyer about an event, send them directly to the event page. If they scan from a menu card, send them directly to the menu.
The landing page should match the context.
Create a Website QR Code Online
You can create a website QR code quickly with the free QR Code Generator by Free Utilities Online.
Use it to:
create a QR code for a URL;
generate a scannable website code;
customize the design;
download the result;
use it in print or digital materials.
For marketing campaigns, you can also use the UTM Link Builder first, then turn the tracked URL into a QR code.
Related Free Marketing Tools
You may also find these tools useful:
Together, these tools help you create trackable links, shorten long URLs and turn website links into scannable QR codes.
FAQ
How do I create a QR code for a website?
Enter your website URL into a QR code generator, generate the code, test it with a phone and download it for print or digital use.
Can a QR code open a website?
Yes. A QR code can store a website URL. When someone scans it with a phone, the browser can open the linked page.
Should I use UTM parameters in QR codes?
Yes, if the QR code is part of a marketing campaign. UTM parameters help you identify traffic from flyers, posters, business cards, packaging or other offline materials.
What size should a QR code be?
The best size depends on where it will be scanned. It should be large enough to scan easily from the expected distance and should always be tested before printing.
Can I customize a QR code with colors or a logo?
Yes, but readability matters most. Keep strong contrast, enough margin and test the final design after adding colors or a logo.
Final Tip
A good QR code is simple, scannable and connected to a useful mobile-friendly page.
If you are using it for marketing, create a tracked UTM link first, then generate the QR code from that URL.
Try the QR Code Generator to create a website QR code online and download a clean, scannable version for your next campaign.