QR Code Element

QR Code Element

QR Codes provide an actionable step to your audience, prompting them to engage with your brand while allowing you to collect insights into their behavior. So, when you’re building your Funnel or Website, you might use this element to generate engagement and connect with mobile users. Follow along to learn how.

Adding the Element #

To start, access the funnel or website builder by editing a page of one of your sites.

Click the plus sign icon to access the element’s menu. Then locate the QR Code Element, and drag it into place.

Existing QR Code #

To use an existing QR Code, open the drop-down menu and select it from the list.

Once selected, you can make any necessary edits to it by clicking “Edit QR Code” in the Element Options of the General settings.

This will open the in-line builder, allowing you to modify your QR Code without leaving the Funnel/Website Builder.

Creating a QR Code #

To create a new code, click the option under the drop-down menu.

The QR Code builder works the same inside the Funnel/Website editor as when directly creating one in the QR Codes tab. If you haven’t before, please check the article “How to Create and Download a QR Code” to learn how to generate a QR Code from scratch.

Customizing the Element #

Once you’ve added your element, you can modify it using the settings on the right side, starting with the general settings to rename (1), resize (2), or edit (3) the element, or change its background color (4).

Options within this section include Box Shadow, Border, Line Height, Text Transform (for text formatting), Custom Class, and CSS Selector.

And there you have it. Now, you can easily add your contact information, social media links, and more with the help of this tool, ensuring you can capture your audience’s attention immediately and can redirect your traffic as needed.

Frequently Asked Questions #

How do I add a QR Code element to my page? #

Edit a page in the funnel or website builder, click the plus sign icon to open the element menu, locate the QR Code Element, and drag it into place.

Can I reuse a QR Code I created before? #

Yes. Open the drop-down menu and select an existing QR Code from the list, then edit it if needed.

How do I edit an existing QR Code without leaving the builder? #

Click “Edit QR Code” in the Element Options of the General settings to open the in-line builder and modify the code in place.

How do I create a brand-new QR Code? #

Click the create option under the drop-down menu; the QR Code builder works the same as creating one directly in the QR Codes tab.

What can I customize on the QR Code element? #

You can rename, resize, and edit the element, change its background color, and adjust Box Shadow, Border, Line Height, Text Transform, Custom Class, and CSS Selector settings.

What can a QR Code link to? #

You can use it to share contact information, social media links, and more, redirecting your audience’s traffic wherever you need.

Was this helpful?
Updated on May 26, 2026
Scroll to Top