How to Generate QR Code in Your Creatives

Want to display a QR code in your creative—even one that updates dynamically?

This technical user guide will show you how to do that.

Start by using the Web Image widget in the Creative Composer. This widget lets you display any image from a web URL,  such as https://www.novisign.com/wp-content/uploads/2017/07/novisign-logo-w.png).

Since the internet is full of websites which are QR code generator, you can pick one and use its URL in the “Image URL” property of the web image widget.
In our example, we’ll be using https://api.qrserver.com
So, generating a QR code to reflect the website www.novisign.com, will be done using the following long URL:
https://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=www.novisign.com&qzone=1&margin=0&size=200×200&ecc=L

So, in this query string, your website URL should be after the “data=” and before the next “&“.

If you need to create it dynamically, you can use a data expression, where the target site should be within the URL.
Example:
https://api.qrserver.com/v1/create-qr-code/?color=000000&bgcolor=FFFFFF&data=${MyWebsiteURL}&qzone=1&margin=0&size=200×200&ecc=L

In this example, the data expression ${MyWebsiteURL} can be taken from the parameters in the installed player app.

• Open the NoviSign player app on your device.

• Go to Settings > Parameters.

• In Parameter Name, enter: MyWebsiteURL (or any other word which you used as a variable name in the above mentioned example; please notice that it is case sensitive)

• In “Parameters Key” setting (in the same block of settings), you have to fill the URL which its QR code will be generated. Example: https://digital.signage.software

• Disable the “Display Notifications” setting in the player and it should work smoothly.
  Since, this setting is done locally, then in each different signage player, you can display the very same content, but with possibility of different QR code.