To design QR code, use our Plugin settings page with live preview. customize the design by adding colors, logos, frames, or size of dots and borders
Design QR Code: #
QR Code Body Shape: #
This feature creates the dot design of the QR code. Dot style is there, choose the style you like. Use gradient colors and for single colors use the same color code for both.
Choose Design: This option determines the QR body design. There will be about 6 options here. Select one. As you select one by one, the QR design will change and you will see the live preview on the right side
First Color: This is the body color of the QR code. The first color means the QR code gradient is supported, if you want to use one colo,r then select the same color for both.
Second Color: The gradient Second color
Type: The gradient type is linear or radial
Rotation: The gradient Rotation, ranges from 0 to 360deg
Level: Specifies the QR level, L by default
QR Code Eye Frame Shape: #
Choose Design: This option determines the QR Eye Frame Shape. There will be about 4 options here. Select one. As you select one by one, the QR design will change and you will see the live preview on the right side
First Color: This is the body color of the QR code. The first color means the QR code gradient is supported, if you want to use one color, then select the same color for both.
Second Color: The gradient Second color
Type: The gradient type is linear or radial
Rotation: The gradient Rotation, ranges from 0 to 360 °
QR Code Eye Ball Shape: #
Choose Design: This option determines the QR Eye Ball Shape. There will be about 3 options here. Select one. As you select one by one, the QR design will change and you will see the live preview on the right side
First Color: This is the body color of the QR code. The first color means the QR code gradient is supported, if you want to use one color, then select the same color for both.
Second Color: The gradient Second color
Type: The gradient type is linear or radial
Rotation: The gradient Rotation, ranges from 0 to 360°.
QR Code Size & Background: #
QR Code Frontend Size: Select the size of the QR code in the frontend
Download QR Code Size: Select the size of the QR code download image quality
Background Color: QR code Background Color, by default QR code background, is transparent
Margin: Space between background and QR code
Animation Preloader: QR Code Animation Preloader works as a preloader. When the page loads the preloader will be displayed until the QR code is fully loaded. The loader icons are built in pure CSS. No fonts are included to avoid page-loading issues
#
Add Logo & Download Button: #
Add Logo in QR Code: #
Upload Logo: Click the upload image button and upload a logo image from the media library
Logo Size: determine the Logo size, range: 0.1 to 1
Margin: Space between background and QR code
Setup Download Button: #
Enable button for QR image download.
Download File: By default, the QR code file name is used as the page url, page title or content title. If you want to set a custom name, then enter the custom file name here