TDM5 - How to Add a QR Code

Introduction

TDM5 allows you to create your own designs using elements. Each element has configurable properties, giving you the flexibility to design content based on your needs.

This article explains how to add a QR code. Additional articles about other elements can be found in our knowledge base.

Requirements

To add a QR code to your page, you need the following:

• Access to Designer > Pages with permission to create or edit a page.

How to add a QR code

1. Log in to your TDM5 environment.

2. Select Designer.
   

3. Select the menu option Pages.
   

4. Open an existing page by clicking Edit, or create a new page by clicking Add new page.
   

5. You will now be taken to the content editor, where you can design your page.
   

6. Select the QRCode element from the menu on the left side of the screen.
   

7. Draw a frame in the template editor by clicking. Adjust the size of the element as needed, then click again to confirm.
   

8. Configure the element properties on the right side of the page. To change the name, double-click the element in the Elements section.
   

9. In the Element layout section, adjust the position and rotation if needed.
   

   Resize the element by dragging its border.
   

   

    

   Rotate the element using the dot at the top.

   

10. In the Colors & effects section, adjust opacity, and set colors for the light and dark areas of the QR code.
    
    

11. In the QR code section, configure the data that should be displayed when the QR code is scanned.
    

12. Optionally, link the element to a data source so the QR code always displays the value from that source.
    

13. In the Touch section, configure content that will be displayed when someone presses the element (useful for touchscreen devices).
    
    

Once completed, you have successfully added a QR code. You can continue designing and add more elements as needed.