fbpx

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

custom-cursor-elementor
google-maps-widget
age-verification-widget-for-elementor

QR Code

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.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “QR Code”
  3. Hover over the widget in the search results and click install
  4. Add your “QR Code” widget to any Elementor Page

General Settings

1

QR Type

Select the QR type.

  • Text
  • Phone
  • Link
  • Email
2

QR Code Content

Type the QR code content.

3

Drawing Method

Select the drawing method for QR.

  • Canvas 
  • SVG
4

QR Size

Set the QR size.

5

Correction Level

Choose the correction level for QR.

  • Low
  • Medium
  • Quartile
  • High
6

Version (px)

Set the version of  QR code.

Layout Settings

1

Show Title

Show/Hide the title element.

2

Title

Type text to show as title.

3

Show Title Icon

Show/Hide the title icon.

4

Title Icon

Choose icon for title.

5

Show Logo in QR

Show/Hide the logo in QR.

6

Show QR Content on Tooltip

Show/Hide the the QR content on tooltip.

7

Show Loading Screen

Show/Hide the loading screen.

8

Enable Link

Enable/disable the link option.

Background Image Settings

1

Show Background Image

Show/Hide the background image.

2

Background Image

Choose an image to show as background.

3

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.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!