Skip to main content

QR code

The QR code building block lets you embed scannable QR codes in your template.

Adding a QR code​

Drag the QR Code icon from the toolbar and drop it onto the canvas.

Properties​

When you select a QR code element, the properties panel opens on the side with the following options:

  • Margins — Set the left (L), top (T), right (R), and bottom (B) margins around the QR code element.
  • Alignment — Align the QR code to the left, center, or right.
  • Text — The content encoded in the QR code. This can be a URL, plain text, or any string value. Supports dynamic data placeholders.
  • Error correction — The level of error correction applied to the QR code. Higher levels make the code more resilient to damage but increase its size. Options: Low, Medium, Quartile, High.
  • Styles
    • Size — The maximum size of the QR code in pixels. The actual size may be smaller depending on the content and error correction level.
    • Background — The background color of the QR code.
    • Foreground — The color of the QR code pattern.
  • Visible when — An expression that controls whether this element appears in the generated PDF. See Conditional visibility.
  • Delete — Removes the element from the template.

Dynamic data​

The text property supports dynamic data placeholders. You can mix static text with placeholders:

https://example.com/tickets/{{data.ticketId}}

Or use a placeholder for the entire value:

{{data.qrCodeUrl}}

To learn more about dynamic data, see the Dynamic data page.