QR & Barcode widgets allow you to contain printed machine-readable data. You can build this widget easily with Enter Addons.
Using QR & Barcode Widget:
You can see the below video to get an insight into how you can use the QR & Barcode Widget, Or you can follow the documentation whichever you find convenient.
Video Here
Step 1
Firstly, select the QR & Barcode Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar1-1024x497.png)
Secondly, from ‘Content’ Section you will get QR & Barcode Content and Options Settings.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar2-1024x478.png)
Then, from ‘Content’ Section are options to select QR Code or Barcode , if you select QR code.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar3-1024x499.png)
You can set scannable content and label logo.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar4-1024x481.png)
Then from ‘Options Settings >> QR Options’ section, you can set QR code width, margin, type number, alignment ,error correction level and background color respectively.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar5-1024x480.png)
Then from ‘Options Settings >> Download Options’ section, you can set download title and download extension( PNG, JPEG, WebP, SVG ). If you want to download the image, double click on the QR code
![](https://enteraddons.com/wp-content/uploads/2023/10/bar6-1024x481.png)
Then from ‘Options Settings >> Dot Options’ section, you can set dot style and dot color.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar7-1024x481.png)
Then from ‘Options Settings >> Image Options’ section, you can set image size, margin and hide background dots.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar8-1024x484.png)
Then from ‘Options Settings >> Corners Square Options && Corners Dot Options’ section, you can set corners dot style , color and Corners dot style ,color.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar9-1024x480.png)
Then, from ‘Content’ Section, if you select Bar code. Also there are many types of barcode.
![](https://enteraddons.com/wp-content/uploads/2023/10/bbar10-1024x476.png)
Then from ‘Options Settings’ section, you can set barcode width, bar width , bar height, HRI, HRI margin, color, quiet zone and output format respectively.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar11-1024x490.png)
Step 2
Finally, after finishing all the editing, click update and then click on ‘Preview > Preview in new tab’ to see your work live.
![](https://enteraddons.com/wp-content/uploads/2023/10/bar12.png)
That’s it