Insert a QR Code in an email or landing page

In this article, you'll learn how to integrate QR codes into magnews, using them in emails, promotional campaigns, and landing pages to optimize the customer journey.

🔗 For an introduction to QR codes and their applications in digital marketing, check out this article, where we explain how they work and why they are a strategic tool.

Insert your first QR code in an email

From the communication (or landing page) designer, insert an image and, in the side editing panel, remove the sample image by clicking the cross icon to switch to insertion mode.

Click Choose image, and in the pop-up window, click the Create QR Code or Barcode button in the top-right corner.

Now, give your QR code a name and define the text that should be "hidden" within the image.

In the Text or URL field, you can insert:

• A fixed text, such as the URL to your eCommerce site or website.

• A contact field, such as a field containing a discount code. In this case, a personalized QR code will be generated for each contact. To insert the field, use the Insert Field button next to "Text or URL".

• A link to a platform page, such as a landing page for survey completion. To insert it, use the Insert Link button next to "Text or URL".

Super Saiyan level QR code: The Dynamic Feed combo

Imagine wanting to offer each contact three personalized discount codes for a specific product category. With Dynamic Feed, you can create a feed of discount codes associated with the contact with different discount percentages, for example:

• 10% off Accessories
• 15% off Clothing
• 20% off Footwear

With the QR Code app, you can turn these codes into personalized QR codes and insert them directly into your newsletter. This way, each contact will receive an email with three QR codes, each linked to the respective discount and product category.

Step 1: create the data table

The first step is to create a data table called, for example, qrcode, with the following fields:

• idqrcode

• idcontact

• qrcode

• category

• percentage

Activate the entity for the data table and create a one-to-many relationship field in the contact database linked to this entity. Name it something like QR Code.

Step 2: set up the Dynamic Feed

Using the Dynamic Feed app:

1. Create a new feed called QR Codes and select the qrcode entity.

2. Define the feed by specifying three fields: qrcode, category, and percentage.

3. Select the Personalized feed per contact mode, choosing the newly created relationship field.

Populate the table manually or automatically by inserting multiple rows for the same contact.

Step 3: Create the email communication

1. Create a new communication using the Inspire template.

2. Add a Products section in the Dynamic Feed catalog.

3. Link the section to the newly created feed.

Step 4: configure the QR Code in the email

Edit the product details to correctly use the feed fields in the rendering.

For the product image:

• Click Reset to default, then Choose image.
• Create a barcode without defining its content, but select Use dynamic text.
• After creating the QR code and inserting it into the section, click the code button (< >) and add the url.code parameter to the placeholder

[image:my_qrcode_item.png w=350 h=350 url.code=temp.item.qrcode]

Click Save and similarly modify:

• The Product name field to display the category: [temp:item.categoria{Category}]. 
• The Price field to insert the discount percentage [temp:item.percentuale{1} maxdigit="2" mindigits="0"] %.

Repeat the process for the other two items in the section.

Step 5: Preview and Finalize

View the preview for a contact who has discount codes in the QR codes table.

Your email is now ready! 🚀🙌