> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.yanet.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Configure Barcode and QR Code Elements (Advanced Design)

### Overview
This article will help you understand How to Configure Barcode and QR Code Elements. 

###### Step 1
Open your template.

###### Step 2
Add a **Barcode** or **QR Code** element.
![](https://storage.crisp.chat/users/helpdesk/website/-/3/7/f/d/37fde77105fa8400/image_t3fo9i.png)

###### Step 3
Select the appropriate product data source.

###### Step 4
Adjust the size and position.

###### Step 5
Save and test the label.

| Note: Make sure the barcode has enough space and is not too small to scan.