QR Code

The QR Code element generates customizable QR codes, ideal for contact pages, event tickets, product information, or anywhere you need to share scannable data.

qr code2

QR Code Data – The data you wish to be encoded into the QR code, typically a URL, vCard, payment link, Google Maps directions, pre-filled SMS etc..

Shape – The shape of the qr-code, circle shape adds random extra dots around to fill the circle shape.

Dots / Corner Styling – Use the style controls to change the colors and shapes of the overall dots and the three ‘corners’.

Config

Render type – Canvas or SVG.

Error Correction – Low to high. Higher error correction reduces data capacity but improves scan reliability. Lower error correction allows more data but is less reliable in poor conditions.

Mode – Default is Byte because it covers nearly every type of data. But if you want less dense QR codes that are easier to scan when smaller, you can change this depending on the data being encoded.

  • If it’s structured data (URLs, Wi-Fi, vCards, events, SMS, email) → use Byte.
  • If it’s just numbers → use Numeric.
  • If it’s uppercase-only codes (promo codes, IDs, tickets) → use Alphanumeric.

Tip – Make sure that if you’re heavily styling the QR code, that it can still be read. If there isn’t enough contrast, for example, it may not be readable on some devices.

QR Code Data Examples

Here are some example formats for different types of data that can be encoded into a QR code..

Website / URL

https://example.com

Phone Call

TEL:+1234567890

SMS Message

SMSTO:+1234567890:Hi, I’m interested in your services.

Email

mailto:[email protected]?subject=Hello&body=Nice%20to%20meet%20you

vCard (Contact)

BEGIN:VCARD
VERSION:3.0
N:Doe;John;;;
FN:John Doe
ORG:Example Inc.
TITLE:Developer
TEL;TYPE=work,voice:+1234567890
EMAIL:[email protected]
END:VCARD

Calendar Event

BEGIN:VEVENT
SUMMARY:Team Meeting
DTSTART:20250920T100000Z
DTEND:20250920T110000Z
LOCATION:123 Main Street, Anytown
DESCRIPTION:Monthly strategy meeting
END:VEVENT

Geo Location

geo:37.7749,-122.4194