QR Code
The QR Code component displays a scannable QR code within your form that links to a specified URL.
How It Works
The QR Code component generates and displays a QR code based on the URL you provide. Users can scan the QR code using a camera or QR scanning application to open the linked web page.
You can configure the label, destination URL, size, alignment, and styling options to match your form layout and use case.s.
Properties
| Property | Description |
|---|---|
| Label | The text label displayed above the QR code. |
| URL | Web address opened when the QR code is scanned. |
| Width | Sets the QR code width using pixels or percentages. |
| Height | Sets the QR code height using pixels or percentages. |
| Alignment | Controls whether the QR code is left-aligned, centered, or right-aligned. |
| Add CSS Class | Applies custom CSS classes for styling and layout customization. |
| Display Component in Navigation | Includes the QR Code component in form navigation or summary views (if enabled) |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name (for Printable Template) | A variable reference used in printable PDF or Word templates. |
Using QR Values in Other Parts of the Form
You can reference the provided QR Code elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.