Skip to content

QR Code

The QR Code component generates scannable QR codes from text content, allowing mobile device users to quickly access encoded information.

Configuration

Configure the component with these options:

Option Description
Text Content to encode in the QR code - supports text templates for dynamic data
Image URL Optional logo or image to embed in the center of the QR code - use Browse for file management selection
Background color Background color of the QR code
Color Foreground color of the QR code pattern

The Text field supports text templates, enabling dynamic QR code generation based on data values such as URLs, contact information, or product details.

Use Cases

  • Dynamic URLs - generate QR codes linking to customer-specific pages or reports using text templates
  • Contact information - encode vCard data for easy contact saving on mobile devices
  • Product tracking - create unique QR codes for inventory items or serial numbers
  • Event details - provide scannable access to event information or registration links
  • Document references - link to additional resources or related documentation

Tips

  • Use text templates in the Text field for data-driven QR code generation
  • Add company logos via Image URL for branded QR codes
  • Choose high contrast colors between Background color and Color for better scanning reliability
  • Test QR code scanning with mobile devices to ensure readability
  • Keep encoded text concise for optimal scanning performance