QR codes have become an indispensable tool for modern marketing and automation. ClickFix's QR Code Management feature empowers businesses to leverage the power of QR codes in a myriad of creative and impactful ways. Whether you need to generate QR codes dynamically or employ an on-page QR code reader, this comprehensive feature set provides you with the tools you need to enhance user experiences, streamline processes, and unlock new possibilities.
Embrace the future of marketing and automation with ClickFix's QR Code Management and revolutionize the way you engage with your audience.
Reading QR Codes
[ QrScan #%trigger.anchor%
%redirect_url%={QR}
]
This shortcode will allow you to pop up a QR-Code scanner through a button linking to a #%trigger.anchor%
, allowing your visitor to scan it using a webcam or phone camera.
Once a QR code is successfully scanned, the visitor will be redirected to the %redirect_url%
specified in the shortcode. In the %redirect_url%
, you can use the {QR}
placeholder to insert the data from the scanned QR code.
You can have multiple [QrScan] shortcodes on a page, allowing you to have multiple buttons, redirect URLs, and functions.
Note that you can use Magic Hooks to turn a string into a QR-Code.
This combined with our other tools should let you build very complex QR Systems, covering most use cases from Ticketing to Inventory Management or even Order Tracking. Contact us if you need help.
ATTRIBUTE | TYPE / VALUES | DESCRIPTION | |
---|---|---|---|
#%trigger.anchor% | Replace this with the anchor button that will trigger the QR-Code Scanner. Required. | ||
%redirect_url% | The Url the visitor will be redirected to after scanning the QR-Code. | ||
{QR} | Use as-is | Add {QR} anywhere in your %redirect_url% to use the scanned data. | |
You can use only a %redirect_url% attribute or the {QR} reference, but at least one of them is Required. |
Merging a QR Code
Display This QR Code on a page
<img src="https://drive.google.com/thumbnail?id=['QR CODE GOOGLE ID]&sz=w300">
You can add other things like centering the image, or link to a url when you click the image or change the size, ...
<div style="text-align: center;">
<a href="link" target="_blank"> (link in a new tab)
<img src="https://drive.google.com/thumbnail?id=['QR CODE GOOGLE ID]&sz=w400">
</a>
</div>
Display This QR Code in an email
https://drive.google.com/thumbnail?id=['QR CODE GOOGLE ID]&sz=w300
You can also adapt the size of your qr code &sz=w500 (witdth of 500 pixel)
Employee Facing QR Codes
Customer Facing QR Codes
Scan any of those QR Codes on your phone to get started