In this article you will discover how to integrate barcodes into magnews, using them in emails, promotional campaigns, and landing pages to optimize the customer journey.
🔗 For an introduction to barcodes and their applications in digital marketing, check out this article where we explain how they work and why they are a strategic tool.
Insert a barcode in a landing page
From the landing page (or communication) designer, insert an image and, in the side editing form, remove the sample image by clicking the cross so that you switch to insertion mode.
Click on Choose image and in the window that opens, click on the Create Qr code or Barcode button in the top right corner and then click on the Barcode button.
Enter a name and a value for the Code field, which must be compatible with the selected code type.
By using the Insert field button located to the right of the Code label, you can insert a placeholder from a contact field, in order to generate a personalized barcode for each contact.
To ensure that the image is not automatically resized by the browser, compromising its readability, follow these steps:
⚠️ Recommendations for managing image dimensions
-
Avoid specifying a fixed width in the image style
Example to avoid:<img style="margin: 0; width: 400px; border: 0; height: auto;"> -
Do not set a fixed value for width so that the image maintains its original proportions.
-
Do not select the option "do not optimize"
This way the original dimensions will be fixed in the code.
By following these guidelines, the image will be displayed at the highest quality and without readability issues. 🚀
In addition, it is possible to generate a barcode from a variable contained in the landing page by using the Use dynamic text option.
One possible application is to generate a series of barcodes for the same contact using the Dynamic Feed app to generate the codes as a source for the barcode app, which will generate the corresponding barcode images.
🔗 Check out the article Insert a QR Code in an email or landing page, in the section "Qr code level Super Sayan: the combo with Dynamic Feed", where we explain how to make the two apps (Qr code & Barcode and Dynamic Feed) work together.