About PageFly QR Code Element
Summary: The QR code element allows you to create an auto-generated QR code based on the text content.
This element comes with a single variation but we will continue to add more variations to help you save time.
How To Access QR Code Element
- Step 1: Click on the Plus icon, which is the “Elements” on the left menu bar
- Step 2: Click on the “QR Code” element in the dropdown menu
- Step 3: Drag and drop the element you want into the page editor and then start using it.
Note that you can search for this element by using the search function instead of finding it in the sidebar.
Drag a variation to the layout and see how it can be configured.
How To Configure For QR Code Element?
The QR Code element comes with various parameters for you to tackle to create a high-converting code for the page. Select the element in the layout to see its parameters.
General Settings
- Content: Input the content that appears on users’ devices when they scan the QR code.
- Alt-Text: Input the text for the ALT HTML tag attribute for SEO.
- Dimensions: Adjust the size of the QR code by dragging the black dot or by entering a number in the box on the right. Please note that the maximum size for a QR code is 500 px.
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here
Styling Configuration
Alignment
There are three horizontal alignment options available: left, center, right.
Spacing
- Padding: adjust the inner spacing of the QR code’s container
- Margin: adjust the outer spacing of the QR code’s container
Border
- Border style
There are 3 border styles for QR code element, which are: solid, dotted, dashed
- Border color: you can adjust the color of each border and click “More settings” to see more parameters. Please note that this setting is available if you select one out of 3 border styles above.
Display
There are three Display styles: Inline, Block, Flex.
You can check more information about the Styling tab here
Best Practices For Using QR Code Element
- Ensure the QR code has a clear purpose and call to action (CTA). What action do you want users to take after scanning it (e.g., visit website, download app, access special offer)?
- Use a high-quality QR code image generated from a reputable source
- Place clear text near the QR code that instructs users to scan it and explains the intended action
Frequently Asked Questions
1. QR code stands for?
Quick Response code
2. Is PageFly QR code free?
Yes, check here
3. When is QR code invented?
1994
4. Who invented QR code?
Denso Wave from Dentsu
5. What is Store QR code?
This is a code added to your Shopify store by PageFly QR Code. This is a tool to help sellers to generate more traffic to Shopify store, and help to increase sales conversions.
6. Why do I need QR code?
It’s very easy to find stores, products, locations and general information using PageFly QR Code, you can customize QR Code using PageFly, also this is a trackable tool so you could measure your store performance. You should use the Code to both generate new traffic, and to engage better with current shoppers.
Previous article
