Skip to main content

Using QR Code Generator Extension

Introduction​

The QR Code Generator Extension allows you to generate QR codes for their products, services, or websites. With this extension, you can create QR codes with different shapes, sizes, and colours, making them stand out and easily scannable. It is a useful tool for businesses and individuals who want to provide customers with a quick and easy way to access their business information.

Steps to set up QR Code Generator Extension​

  1. Go to Extensions in Fynd Platform.

    QG1

    Figure 1: Clicking Extensions

  2. Click QR Code Generator.

    QG1

    Figure 2: Clicking QR Code Generator

    note

    Once you have installed this extension, it will be available in the list here.

  3. Select desired sales channel. Here, we have selected Azorte.

    QG1

    Figure 3: Selecting Sales Channel

  4. Click Generate New.

    QG1

    Figure 4: Clicking Generate New

In the next sections, you'll learn to configure the QR Code Generator Extension.

General Details​

QG1

Figure 5: General Details

  1. Name: Enter the suitable and unique name for your QR code. For e.g., 'ScanIt.'
  2. Description: Enter the suitable description for your QR code. For e.g., 'Scan and see the preview.'
  3. Available Templates: The QR code you have selected as Set as Template will be saved as a template and can be accessed from the dropdown menu.
note

First-time users will not initially see the list of Available Templates.

Data Type​

Choose the appropriate data type to show users the desired information when they scan the QR code.

  1. Store: Use this data type to display a URL that redirects the user to the store website when scanned. Follow these steps to set it up:

    QG1

    Figure 6: Store Data Type

    1. Select Store in the data type dropdown.
    2. Choose your preferred store from the dropdown.
    3. The store URL will be auto-feched from your selection.

  2. URL: Use this data type to redirect users to a specific webpage. Follow these steps to set up:

    QG1

    Figure 7: URL Data Type

    1. Select URL in the data type dropdown.
    2. Enter the desired URL.

  3. Free Text: Use this data type to display textual information when scanned. Follow these steps to set up:

    QG1

    Figure 8: Free Text Data Type

    1. Select Free Text in the data type dropdown.
    2. Enter the desired information in the description field. For e.g., 'Welcome to XYZ Company! We offer top-quality products and services in technology, healthcare, and education. Please browse our website and contact us for inquiries. Thank you for your interest.'

Customise​

Customise your QR code with these options:

  1. Module Shape: Choose from Classic, Smooth, Circles, or Rounded.

    QG1

    Figure 9: Module Shapes for QR Code

    1. Classic: The most common QR code with a square shape and sharp edges filled with small squares or dots.
    2. Smooth: A QR code similar to the classic module, but with slightly curved edges on the blocks.
    3. Circles: A QR code with round blocks and a circular centre filled with dotted patterns.
    4. Rounded: A QR code with curved edges on the blocks and a circular centre filled with larger dots for a softer appearance.

  2. Text:

    QG1

    Figure 10: Text Fields for QR Code

    1. QR code Title: Add a title to display at the top of your QR code. For e.g., “Scan Me.”
    2. QR code Note: Add a note to display at the bottom of your QR code. For e.g., “Company Name, Instantly access our contact information by scanning this code.”

  3. Colour:

    QG1

    Figure 11: Colour for QR Code

    1. Background: Choose a suitable background colour.
    2. Pixels: Choose a suitable pixel colour.
    3. Squares: Choose a suitable square colour.

  4. Logo: Upload your logo here (refer to Figure 12 for image guidelines). It will appear at the centre of the QR code.

    QG1

    Figure 12: Logo for QR Code

tip

Select high-contrast colours to enhance the scannability of the QR code.

Image Format​

Choose the right Size & Resolution for your QR code to ensure easy scanning.

QG1

Figure 13: Image Format for QR Code

  1. Pixels: Choose the appropriate pixel size for your QR code image. Higher pixel size means a larger image.
  2. Error Correction: Choose the appropriate Error Correction level to help restore data in case the code is dirty or damaged. Higher levels of error correction improve the code's ability to recover data even if up to 30% of the code is unreadable.
  3. Download Type: Select the suitable download format for your QR code image.

Finalise: Click Generate to create the QR code, Save as Draft to save it for later, and Set Template to save it as a customizable template.

note

Existing User: After selecting a QR code template, you have the option to either create a new QR code from scratch or use the existing template. To do this, click on the Generate New button and select a template from the dropdown of Available Templates. From there, you can costomise the template and create a new one by configuring settings such as Name, Description, URL/Text, Title, Note, and Download Type.

tip

To view the QR code configurations, go to the QR Generation History page and click on the forward arrow icon (as shown in the image) next to the QR code you want to inspect.

QG1

Figure 14a: Clicking Forward Arrow

QG1

Figure 14b: QR Code Preview

Final Result​

To download the desired QR code click on the download button (refer the image given below).

QG1

Figure 15a: Downloading QR Code

QG2

Figure 15b: Sample QR Code