Help Center › QR Templates - Complete Guide

Create fully branded QR codes that link to your digital business card. Customise the dot style, corner shapes, colours, gradients, and centre logo to match your brand exactly — then download in PNG, SVG, or JPEG for print, digital, or screen use.

Key benefits

  • On-brand from the start — dozens of style combinations, colours, and gradient options mean your QR code looks like it belongs in your design rather than being an afterthought
  • Logo in the centre — place your logo in the middle of the code while keeping it fully scannable
  • Reusable styles — save your design once and apply it to every profile in your company with one click
  • Every format covered — SVG for sharp print output, PNG for digital, JPEG for lighter files
  • Bulk generation — create hundreds of unique QR codes at once via the QR Factory (separate tool)

Who it's for

All NFC Tagify portal users. Company and department admins can save a QR template and apply it across the team for a consistent look on business cards, flyers, and signage.

How to create your first QR code

  • Go to Portal → QR Templates (or open from your profile hub)
  • Your profile link is pre-filled — this is the URL the QR code will send people to
  • Open the Dots tab and choose a dot style (Square, Rounded, Dots, Classy, Extra Rounded, etc.)
  • Choose a dot colour — single colour or a linear/radial gradient
  • Open the Corners tab and style the three large corner squares
  • (Optional) Open the Background tab — set a solid colour, gradient, or transparent background
  • (Optional) Click Add logo — upload your logo; adjust size and position
  • Click Download — choose PNG, SVG, or JPEG and save
  • (Optional) Click Save style — name the style and save it for reuse

    • Customisation reference

    Dot styles

    | Style | Description |

    |-------|-------------|

    | Square | Classic sharp-cornered dots — maximum compatibility |

    | Rounded | Softer corners, modern feel |

    | Dots | Circular dots, clean and minimal |

    | Classy | Refined square with rounded inner corners |

    | Classy Rounded | Softer version of Classy |

    | Extra Rounded | Very rounded, contemporary look |

    Colours & gradients

    • Single colour — any solid colour; ensure enough contrast with the background
    • Linear gradient — blends two colours left-to-right or top-to-bottom
    • Radial gradient — blends outward from the centre

    Corner options

    • Corner square type — Square, Extra Rounded, or Dot (the large outer frame)
    • Corner dot type — Square or Dot (the small inner square)
    • Corner colours can match or contrast with dot colours for a cohesive or bold design

    Background

    • Solid colour — typically white or a brand colour
    • Gradient — two-colour blend for a polished look
    • Transparent — ideal for placing the QR on coloured backgrounds without a visible box

    Logo / image

    • Upload a PNG or SVG; the QR code remains scannable when the logo is kept to 30–50% of the code area
    • Circular crop — shows the logo as a circle for a cleaner result
    • Hide dots behind logo — removes the dots that would sit behind the logo image for a cleaner result
    • Logo size — slider from 10% to 50% of the QR code width

    Technical options

    | Option | Values | Notes |

    |--------|--------|-------|

    | Error correction | L / M / Q / H | Higher = more of the code can be obscured (e.g. by a logo) without breaking scanning. H recommended when using a logo. |

    | Dimensions | Pixels (width × height) | 300–500 px for digital, 1000+ px for print |

    | Margin (quiet zone) | Pixels | Leave at least 4 modules of whitespace for reliable scanning |

    Saved styles

    • Save — give your current design a name; it appears in your style library
    • Load — apply any saved style to the current QR code with one click
    • Predefined templates — start from a set of curated built-in styles and customise from there
    • Team templates — company admins can set a company-wide QR template that members can apply to their own profile QR

    Use cases

    • Business cards — matching QR code in the corner of your print card; scannable link to your digital profile
    • Event badges and lanyards — branded QR code people can scan to save your contact
    • Marketing flyers and posters — on-brand code linking to a landing page or profile
    • Email footers — small QR code image in your email signature for mobile recipients
    • Presentations — end-slide QR code linking to your contact details or company page

    Frequently asked questions

    Why won't my QR code scan?

    The most common causes: insufficient contrast between dots and background, a logo covering too much of the code, or not enough quiet zone (margin). Increase error correction to H, reduce logo size below 40%, and ensure a white or very light background.

    Which format should I download?

    • SVG — vector format, stays sharp at any size; best for print and design work
    • PNG — raster format with transparency support; good for digital use
    • JPEG — smaller file size, no transparency; fine for web images that don't need a transparent background

    Can I use the same QR style for multiple profiles?

    Yes — save the style, then load it on each profile's QR settings. For large teams, use the QR Factory to generate hundreds of consistently styled codes at once.

    How do I put my exact brand hex colour in?

    In the colour picker, there is a hex code input field — type or paste your exact brand hex (e.g. #1A2B3C).

    Is there a cost to use the QR designer?

    The QR code designer is included in all NFC Tagify plans at no extra charge.

    ---

    Related: [QR Code Factory (Bulk)](/help/qr-factory) · [Business Card Designer](/help/print-templates) · [Template Visual Builder](/help/template-visual-builder) · [vCard Download](/help/vcard-download)