QR code
Last updated
Was this helpful?
English 🇺🇸
Last updated
Was this helpful?
The 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.
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.
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.
Content
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.
Display
QR code size: 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.
Align self: there are three alignment options available, including Left, Center, and Right
Legacy Editor
Alignment: There are three horizontal alignment options available: left, center, right.
Gen 2 Editor
Note that in Gen 2 Editor, there is no alignment settings in Styling tab.
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
1. What does QR code stand 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.
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters
You can check more information about the Styling tab
Important Note: Gen 2 Layout will be available exclusively for Pay-as-you-go pricing model ().
For more styling setting options, refer to .