Designer – QR Code tool

The QR Code tool allows you to add a QR code to your design using multiple formats, including Custom URL, IDpack Checkpoint, Linked Field, Wi-Fi QR Code, and vCard.

Position

The Position properties define the placement and size of an element within the design. Adjusting these values allows precise control over where the QR code appears and how much space it occupies.

• Left (X) – Sets the horizontal position of the element, measured from the left edge of the design.
• Top (Y) – Sets the vertical position of the element, measured from the top edge of the design.
• Width – Defines the horizontal size of the QR code.
• Height – Defines the vertical size of the QR code.

Adjusting these properties ensures the QR code is properly aligned and scaled within the design.

Properties

• Visible

  Controls whether the QR code is displayed in the badge preview and print output. When unchecked, the QR code remains in the design but is not printed.

• QR Code Type

  Select the type of QR code to generate. Configuration is performed in Designer. Each type serves a specific use case:

  • Custom URL

    Encodes a URL into the QR code. Dynamic values can be inserted using a Linked Field.

    https://www.yourwebsite.com/
    https://orlikethis.org/
    https://example.com/?id=[linked_field]
    https://www.yourorganizationwebsite.com/?ref=[linked_field]

    The [linked_field] value is replaced with the selected database field defined in QR Code Field.

  • IDpack Checkpoint

    Creates QR codes compatible with the IDpack Checkpoint application for real-time badge validation.

    IDpack Checkpoint scans QR codes to validate badge status, display record details, and manage check-in and check-out workflows.

    Available Display Options

    • Show Record Status – Displays whether the badge is valid, revoked, or expired.
    • Show Photo ID – Displays the cardholder photo for visual verification.
    • Show Color Code – Displays the assigned color code.
    • Check-in System – Enables check-in and check-out features. Login required.

    Badge Issuer Information

    • Project Title
    • Organization Name
    • Organization Contact Phone
    • Organization Location

    Fields to Show can be enabled or disabled based on the Fields Definition.

  • Linked Field

    Encodes a database field directly into the QR code. Common uses include ID numbers, URLs, employee codes, or access credentials.

    A URL field can be defined per record, allowing each badge to point to a unique destination such as a personal profile or corporate page.

  • Wi-Fi QR Code

    Encodes Wi-Fi network credentials, allowing users to connect by scanning the QR code.

    Recommended design: https://www.idpack.cloud/templates/hospitality-series-vertical-122787/

  • vCard QR Code

    Encodes contact information in vCard format for quick import into a smartphone.

    BEGIN:VCARD
    VERSION:4.0
    FN;CHARSET=UTF-8:Steve Smith
    N;CHARSET=UTF-8:Smith;Steve;;;
    ADR;TYPE=work:;;5555 Pacific Hill Ave;Los Angeles;CA;90001;United States
    EMAIL:[email protected]
    TEL;TYPE=work,voice:213-555-9834
    TEL;TYPE=cell,voice:213-555-3453
    TITLE;CHARSET=UTF-8:Chief Executive Officer
    ORG;CHARSET=UTF-8:ACME Example Inc.
    PRODID;CHARSET=UTF-8:IDpack
    END:VCARD

• QR Code Field

  Selects the database field used for the Custom URL or Linked Field type.

• Content (Text and Shortcodes)

  Defines the data encoded in the QR code. Supports plain text and shortcodes.

• Opacity

  Adjusts the QR code opacity: None, 25%, 50%, 75%, or 90%.

• Horizontal Align

  Controls horizontal alignment: Left, Center, or Right.

• Vertical Align

  Controls vertical alignment: Top, Middle, or Bottom.

• Color

  Sets the primary QR code color using the color picker or a hex value.

• Padding

  Defines spacing between the QR code and its bounding box.

• Fill Color

  Sets the QR code background color for contrast and readability.