---
title: Elementor Addon
description: "## **Master QR Addon:**   The Elementor users can easily use the Master QR Generator with the \"Master QR\" addon, please go to the elementor edit page and look for \"Master QR\"   [YouTube video player](https://www.youtube.com/embed/zSqQYq2D9X4)     ![master qr…"
url: "https://plugins.wordpressqrcode.com/docs/qr-elementor/"
updated: "2022-06-16"
category: Master QR
---

# Elementor Addon

## **Master QR Addon:**

 

The Elementor users can easily use the Master QR Generator with the "Master QR" addon, please go to the elementor edit page and look for "Master QR"

 

[YouTube video player](https://www.youtube.com/embed/zSqQYq2D9X4)

 

 

![master qr generator](https://plugins.wordpressqrcode.com/wp-content/uploads/2020/12/master-elementor-qr.png)

 

***Master QR Elements:** Select The QR Elements from Drop Down, and input Necessary Content, *

- Current URL
- Custom Link
- WhatsApp
- Google Map
- Email
- Phone Number
- Wifi Access
- Contact info(vCard)

***QR Width: ****Input numeric Value, eg; 200*

***Dot Scale: ****numeric Value-> **Dot style required Patterns. Ranges: ****`0.4 -0.8`***

***QR Alignment:**choose the QR alignment, eg; left,  center, right*

 

### **Master QR Elements:**

 

![elements of mqr](https://plugins.wordpressqrcode.com/wp-content/uploads/2020/12/elementor-settings-min.png)

 

**1) Custom Link:**  *Write a Link in this box area*

**2) Whatsapp:**  *Write the WhatsApp number with the country code in this box area,*

**3) Google Map:**  2>*Write Latitude- numeric value,  3> Longitude - numeric value, 4> Query -  String*

**4) Email:**  Write Email Address in this box Area

**5) WIFI:**  2>Wifi Name : Input Wifi Name, 3> Wifi Type: Write Wifi Type, 4>Wifi Password: input Wifi Password

**5) Phone:**  2>Write Phone Number with Country Code

 

### 6) vCard QR Code

vCard QR Code stores **basic information** such as your full name, contact info, job title, work or home address, and website URL

![vCard Master QR](https://plugins.wordpressqrcode.com/wp-content/uploads/2020/12/QR-Elementor-1-min.png)

 

Choose Vcad from the dropdown contact information and see the options below as in the screenshot. If you want to skip an option, leave that field blank

![vCard Setting](https://plugins.wordpressqrcode.com/wp-content/uploads/2020/12/vcard-mqr-min.png)

 

### Logo & Background

 

![bgimage](https://plugins.wordpressqrcode.com/wp-content/uploads/2020/12/bgimage-min.png)

***Enable Logo:** if want the active logo, please click the switcher button. Now it is enabled for upload Image, choose an image and save*

***Enable Logo as Background:** if want the active Background Image, please click the switcher button. Now it is enabled for upload Images, choose an image and save, please note: When using background images, keep the QR background color white for better scanning*

***Background Image Opacity:****it is related to the background image, it is a **numeric value and this is the image transparency scale**. Ranges: ****`0.1 -0.5`***

### Download & Print Button

 

![](http://masterqr.sharabindu.com/wp-content/uploads/2020/12/download-min.png)

 

***Active download button:** if want the active Download Button, please click the switcher button. Now see the below option will active,*

***Active Print button:** if want the active Print Button, please click the switcher button. Now see the below option will active,*

***Button Width:  ****numeric value,button width size as px & %,*

***Button Padding:*** CSS padding value for the Download button,

***Button Margin from top: **numeric value, the button space from the QR*

 

### Style Tab (Color):

**please click the Style Tab and see the color option**

![](http://masterqr.sharabindu.com/wp-content/uploads/2020/12/colors-min.png)

 

***QR Dot color*: ** Color for QR code, It is Dot Scale Color
 ***QR Background:*** QR Code Background Color Option, *please none: Always use a light color, otherwise the QR Code cannot be scanned. We recommend white Color*
 ***Top-Right & Bottom Left Eye Color:**this is Top-Right & Bottom Left Eye Color, you can see the below color diagram for a better understanding *

***Top-Right & Bottom Left Eye Border:**this is Top-Right & Bottom Left Eye border Color,  see the below  color diagram *
 ***Bottom Right Eye Color:**this is Bottom Right Eye Color,  see the below  color diagram*
 ***Bottom Right Eye Border Color:**this is the Bottom Right Eye border  Color**,  see the below  color diagram***

***Top Left Eye Color:** this is the top left eye Color,  see the below  color diagram*

***Top Left Eye Border:**this is the top left eye border Color,  see the below  color diagram*

***Timing Horizontal Color:*** *this is the timing color for the horizontal position,  see the below  color diagram*

***Timing vertical Color:*** *this is the timing color for  vertical position,  see the below  color diagram*

**Download Button Background:***background  color for  QR download button *

  **Download Button Text:***Label Text color for  QR download button *

**Print Button Background:***background  color for  QR print button *

  **Print Button Text:***Label Text color for  QR print button *

 

### Color diagram

 

![](http://masterqr.sharabindu.com/wp-content/uploads/2020/12/masterdua-min-1.png)

 

 

*If you need assistance, please feel free to contact us at [developer@sharabindu.com](mailto:developer@sharabindu.com) (developer's mail address). Thanks*