How-To Guides

Clear, step-by-step instructions to help you create, style, and print the perfect QR code.

How to Create a QR Code for a Website

Learn how to create a QR code that links to any website or URL.

Step-by-Step Instructions:

  1. 1Navigate to the home page generator studio
  2. 2Select the 'Link' tab from the top tool selector
  3. 3Enter the website URL you want to encode (e.g., https://example.com)
  4. 4Watch the QR code preview update in real-time
  5. 5Customize colors, shapes, and dot styles if desired
  6. 6Click 'Download PNG' or 'Download SVG' to save your code

How to Create a Wi-Fi QR Code

Generate a QR code that allows guests to connect to Wi-Fi by scanning.

Step-by-Step Instructions:

  1. 1Click on the 'Wi-Fi' tab
  2. 2Enter your network name (SSID)
  3. 3Enter your Wi-Fi password
  4. 4Select the security type (WPA, WEP, or No Password)
  5. 5Check 'Hidden Network' if your Wi-Fi SSID is hidden
  6. 6The QR code updates automatically in your browser
  7. 7Download and print for guests, cafe tables, or office spaces

How to Create a vCard (Contact) QR Code

Create a digital business card that stores your contact details for 1-tap saving.

Step-by-Step Instructions:

  1. 1Select the 'vCard' tab
  2. 2Fill in your contact details (First & Last Name, phone, email, organization, website, address)
  3. 3All fields are optional except name
  4. 4Customize the QR code appearance to match your personal brand
  5. 5Download the SVG or high-res PNG
  6. 6Print on business cards, resumes, or badges so people can save your contact instantly

How to Create an Email QR Code

Generate a QR code that opens a pre-filled email draft on scan.

Step-by-Step Instructions:

  1. 1Click on the 'Email' tab
  2. 2Enter the recipient's email address
  3. 3Optionally add a default subject line and message body
  4. 4The QR code generates automatically in real time
  5. 5When scanned, it prompts the user's phone to open their default mail app
  6. 6Ideal for customer support, feedback forms, and event RSVPs

How to Customize QR Code Colors & Contrast

Learn how to match your QR code to your brand colors while maintaining scannability.

Step-by-Step Instructions:

  1. 1In the Customization section, open the 'Colors' tab
  2. 2Select from preset designer palettes (Cyberpunk, Obsidian, Emerald, Sunset) or use custom hex codes
  3. 3Select your desired dark foreground color and light background color
  4. 4Check the live Scannability Guard badge to ensure adequate contrast ratio
  5. 5Ensure the foreground is always noticeably darker than the background for maximum camera readability

How to Adjust Error Correction Level

Understand and choose the best error correction level for your application.

Step-by-Step Instructions:

  1. 1In the generator settings, find 'Error Correction'
  2. 2Choose from Low (7%), Medium (15%), Quartile (25%), or High (30%)
  3. 3Low (7%): Best for simple, clean digital screens and dense data
  4. 4Medium (15%): The recommended default for balanced scanning speed
  5. 5High (30%): Recommended if placing a center logo or printing on outdoor signs exposed to scratches

How to Create a Calendar Event QR Code

Generate a QR code that prompts users to save an event to Apple or Google Calendar.

Step-by-Step Instructions:

  1. 1Select the 'Calendar' tab
  2. 2Enter the event title and summary
  3. 3Set the start date and end date
  4. 4Add location information or virtual meeting link
  5. 5The QR code generates an RFC 5545 iCalendar data block
  6. 6When scanned, smartphone users can add the event directly to their native calendar

Which Download Format Should I Choose?

Understand the differences between PNG, SVG, and WebP formats.

Step-by-Step Instructions:

  1. 1PNG (Standard / 300 DPI): Best for digital media, emails, social posts, and standard desktop viewing
  2. 2SVG Vector: Infinitely scalable with zero pixelation; essential for graphic designers and commercial print shops
  3. 3WebP: Modern, highly compressed format for fast page load times on the web
  4. 4Click your preferred format to trigger an instant in-browser download

How to Share a QR Code Directly

Instantly share or copy your generated QR code.

Step-by-Step Instructions:

  1. 1After customizing your QR code, click the 'Copy' button to copy the image directly to your clipboard
  2. 2Paste into Slack, email, Photoshop, Canva, or messaging apps immediately
  3. 3On mobile devices, tap 'Share' to invoke the native iOS or Android share sheet

Essential QR Code Best Practices

  • Test before printing: Always scan your final QR code with both an iPhone and an Android phone under real lighting before mass printing.
  • Preserve the quiet zone: Never crop out the white margin surrounding your QR code; cameras need this padding to recognize code boundaries.
  • Keep dark colors on light backgrounds: Inverting colors (white QR on black background) causes scan failures on some older camera sensors.

Ready to generate your custom QR code?

Head to our studio to create free, permanent QR codes with instant customization.

Open QR Studio