QR Code stands for Quick Response code. It is a type of two-dimensional barcode. QR codes often contain data for a locator, identifier, or tracker that points to a website or application.
We can use it in different use cases, a sample use case of QR code in Marketing cloud can be showing up a QR Code image in Email and asking customers to use the QR code to download the App.
How to Use QR Code In Salesforce Marketing Cloud?
Using QR Code in Marketing cloud is straight forward. You will just need to form a URL using 3rd party QR code generator URL and store it in HTML image src attribute.
There are many 3rd Party QR code generator available. Below are some:
Quick Chart - https://quickchart.io/
Goqr.me - https://goqr.me/api/doc/create-qr-code/
Google API QR Chart - https://developers.google.com/chart/infographics/docs/qr_codes (It has been depreciated. So, use it at your own risk).
Before you try to use check for Pricing & Licensing as well. Having said that let's jump into the code:
Use case: We need to show the URL 'https://www.google.com/' in QR Code.
Here we will be using Quick Chart as a 3rd party QR code generator.
You can use the below code in the email to generate a QR Code.
%%[ Set @baseURL = 'https://www.google.com/' Set @QRCodeURL = Concat('https://quickchart.io/qr?text=',@baseURL,'&size=200') ]%% <table width="100%"cellspacing="0"cellpadding="0"role="presentation"> <tr> <td align="center"> <img src="%%=v(@QRCodeURL)=%%" alt="" width="200" style="display: block; padding: 0px; text-align: center; height: auto; width: 100%; border: 0px;"> </td> </tr> </table>
Below is the Image it will return on the Email. If you scan this with QR scanner then it will take you to https://www.google.com/.
Additionally, you can also use different colour using dark & light parameters on the URL. A sample URL can be https://quickchart.io/qr?text=https%3A%2F%2Fwww.google.com%2F&light=cecece&dark=c83c3c&size=200
Note: Use always a darker colour inside and background should be a lighter colour. Else QR Code reader couldn't be able to differentiate.
Quick chart QR documentation - https://quickchart.io/documentation/#qr
Please feel free to let me know if you find this article useful and leave your feedback/comment in case of any queries.