The “QR Code Widget“ helps you to simplifies the creation of QR codes on your WordPress Elementor website for free. 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.
Add a Free QR Code to Elementor
This widget requires Unlimited Elements Free 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 in Elementor QR Code
QR Type
Select the QR type.
- Text
- Phone (Pro)
- Link
- Email (Pro)
QR Code Content
Type the QR code content.
Drawing Method
Select the drawing method for QR.
- Canvas
- SVG (Pro)
QR Size
Set the QR size.
Correction Level
Choose the correction level for QR.
- Low (Pro)
- Medium (Pro)
- Quartile
- High (Pro)
Version (px)
Set the version of QR code.
Layout Settings in Elementor QR Code
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 (Pro)
Show/Hide the logo in QR.
Show QR Content on Tooltip (Pro)
Show/Hide the the QR content on tooltip.
Show Loading Screen (Pro)
Show/Hide the loading screen.
Enable Link (Pro)
Enable/disable the link option.
Background Image Settings in Elementor QR Code
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.
Elementor QR Code 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 Elementor QR Code
In this section, set the border radius, box shadow, border, color, and padding of wrapper.
QR Code Styling in Elementor QR Code
You can set the QR width, padding, color, background color, alignment, border, and box shadow.
Title Styling in Elementor QR Code
Set the title alignment, positioning, typography, color, background, padding, box shadow, and border.
Title Icon Styling in Elementor QR Code
Here, you can set the icon size, color, gap, and positioning.
Logo Styling in Elementor QR Code
You can set the logo width, height, and background.
Loading Styling in Elementor QR Code
Set the loading typography, text color, and background color.
Custom QR Colors Styling in Elementor QR Code
You can set custom colors for QR code.
Usage Examples of Elementor QR Code
Here are some live use cases for the QR Code Widget.
Free Elementor QR Code with Custom Icons.
Free Elementor QR Code with Custom Logo Images.
Thank you for using the QR Code Widget for Elementor! With its easy generation and flexible customization, this is the best QR Code Widget for Elementor, perfect for sharing links, contact details, and other scannable information with your audience. If you have any questions or need assistance, feel free to reach out. For more use cases and examples visit the live demo on our website.
