QR Code
The QR Code layer allows you to create a QR Code, which is a square barcode that can be scanned with a phone to quickly access information, like a website, or a custom info.
With Teeinblue, the QR Code can be generated by taking values from the following data:
Spotify Songs: Use the Spotify URL populated from Spotify elements
Text: Let buyers manually insert an URL
Please continue reading this article to find how how to create it on your Store!
Please keep in mind that the QR Code has a limit of 4296 characters.
On your Artwork Editor, click on the + button, then select QR Code

After that, you will see the following menu:

Continue reading to find that these setting does below:
You can change the Default URL to anything you want. Doing so will change the default appearance of the QR Code.

Using this feature will cause the QR Code to update dynamically based on the data from the other layers.
You can find a detailed use case for it via this article.
NOTE:
You can also change the foreground, and the background color of the QR Code:

Allow the Customers to toggle on/off the QR Code layer.

If you select No personalization , the QR Code cannot be personalized. It can only be populated values from other options should you use the setting above.
If you select Enable personalization , you can continue to enter its Option Title, Placeholder text, and instruction for the customers

Display customer's selection on cart page and checkout page
Once you're done with creating your Artwork, add it to your Campaign:

Be sure to double-check it on your Storefront:

With Teeinblue, the QR Code can be generated by taking values from the following data:
Spotify Songs: Use the Spotify URL populated from Spotify elements
Text: Let buyers manually insert an URL

Creating the QR Code Layer
Please keep in mind that the QR Code has a limit of 4296 characters.
On your Artwork Editor, click on the + button, then select QR Code

After that, you will see the following menu:

Continue reading to find that these setting does below:
GENERAL SETTINGS
Default URL/text:
You can change the Default URL to anything you want. Doing so will change the default appearance of the QR Code.

Populate values from other options
Using this feature will cause the QR Code to update dynamically based on the data from the other layers.
You can find a detailed use case for it via this article.
NOTE:
You can also change the foreground, and the background color of the QR Code:

PERSONALZATION SETTING
Add a toggle to show/hide this layer
Allow the Customers to toggle on/off the QR Code layer.
Personalization Options

If you select No personalization , the QR Code cannot be personalized. It can only be populated values from other options should you use the setting above.
If you select Enable personalization , you can continue to enter its Option Title, Placeholder text, and instruction for the customers

Show customization data on cart/checkout
Display customer's selection on cart page and checkout page
Creating the Campaign
Once you're done with creating your Artwork, add it to your Campaign:

Be sure to double-check it on your Storefront:

Updated on: 16/01/2025
Thank you!