The “QR Code Widget” helps you to simplifies the creation of QR codes on your WordPress website. It enables you to generate QR codes for various purposes, such as text, phone numbers, links, or email addresses, making it easy to enhance user engagement. Numerous customization possibilities exist to help you achieve the exact appearance you desire for your Elementor page.
Let’s look at each of the options in the “QR Code Widget” below.
Install QR Code Widget for Elementor #
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “QR Code”
- Hover over the widget in the search results and click install
- Add your “QR Code” widget to any Elementor Page
General Settings #
QR Type
Select the QR type.
- Text
- Phone
- Link
QR Code Content
Type the QR code content.
Drawing Method
Select the drawing method for QR.
- Canvas
- SVG
QR Size
Set the QR size.
Correction Level
Choose the correction level for QR.
- Low
- Medium
- Quartile
- High
Version (px)
Set the version of QR code.
Layout Settings #
Show Title
Show/Hide the title element.
Title
Type text to show as title.
Show Title Icon
Show/Hide the title icon.
Title Icon
Choose icon for title.
Show Logo in QR
Show/Hide the logo in QR.
Show QR Content on Tooltip
Show/Hide the the QR content on tooltip.
Show Loading Screen
Show/Hide the loading screen.
Enable Link
Enable/disable the link option.
Background Image Settings #
Show Background Image
Show/Hide the background image.
Background Image
Choose an image to show as background.
Background Image Opacity
Set the background image opacity.
QR Code Widget Styling #
There are a number of styling options that allow you to control every aspect of the widget’s design. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Wrapper Styling #
In this section, set the border radius, box shadow, border, color, and padding of wrapper.
QR Code Styling #
You can set the QR width, padding, color, background color, alignment, border, and box shadow.
Title Styling #
Set the title alignment, positioning, typography, color, background, padding, box shadow, and border.
Title Icon Styling #
Here, you can set the icon size, color, gap, and positioning.
Logo Styling #
You can set the logo width, height, and background.
Loading Styling #
Set the loading typography, text color, and background color.
Custom QR Colors Styling #
You can set custom colors for QR code.
Usage Examples #
Here are some live use cases for the QR Code Widget.
