6.1 Overview

Every digital card has a QR code connected to its public VCard address. When a visitor scans the code with a phone or tablet, the device opens the digital card without requiring the visitor to type its web address.

The system provides controls for:

  1. Changing the QR code color
  2. Changing its background color
  3. Selecting the code pattern style
  4. Selecting the corner-eye style
  5. Applying or disabling the custom configuration
  6. Uploading a completely custom QR code image
  7. Showing the QR section on the public card
  8. Allowing visitors to download the QR code
  9. Selecting the downloaded image size

The QR customization screen contains separate settings for the QR color, background color, pattern style, and eye style.

6.2 Understanding the VCard QR Code

The QR code represents the digital card’s public web address.

For example, a card with an address such as:

https://book.poweredbyaiunify.com/john-smith

will generate a QR code that directs visitors to that address.

The QR code can be placed on:

  1. Printed business cards
  2. Flyers and brochures
  3. Posters and signs
  4. Product packaging
  5. Presentation slides
  6. Email signatures
  7. Social-media graphics
  8. Event displays
  9. Name badges
  10. Storefront materials
  11. Digital advertisements

The card should be active and its public address finalized before large quantities of printed material are produced.

6.3 Opening the QR Code Customization Section

From the dashboard:

  1. Select VCards.
  2. Locate the digital card you want to customize.
  3. Select the card name or the Edit icon.
  4. Select Customize QR Code from the VCard editor menu.

On a phone or smaller screen, select the menu icon inside the editor to display the editing sections.

The customization screen opens with the existing QR configuration. When no custom settings have been applied, the standard QR appearance is used.

QR Code Appearance

6.4 Selecting the QR-Code Color

Use QR-Code Color to choose the color of the QR code’s visible pattern.

The standard and safest choice is a dark color, such as:

Black
Dark blue
Dark green
Dark purple
Dark gray

The selected color should contrast strongly with the background.

A dark brand color can be used instead of black when the code remains easy for mobile cameras to recognize.

Avoid very light colors, especially when the QR background is also light.

6.5 Selecting the Background Color

Use Background Color to choose the color behind the QR pattern.

A white or very light background normally provides the strongest contrast.

Suitable combinations include:

Black QR code on white
Dark blue QR code on white
Dark green QR code on pale gray
Dark purple QR code on white

Poor combinations include:

Yellow QR code on white
Light gray QR code on white
Dark blue QR code on black
Red QR code on dark orange

The QR-Code Color and Background Color controls appear together at the beginning of the customization screen.

6.6 Selecting the QR Code Style

Use Select Style to change the appearance of the smaller pattern elements that form the QR code.

The programmed QR style labels include designs such as:

Dot
Square
Round

The exact appearance is shown after the configuration is applied and the QR code is generated.

Dot

The pattern is presented using dot-like elements. This can create a softer and more modern appearance.

Square

The pattern uses traditional square elements. This normally provides the most familiar QR-code appearance.

Round

The pattern uses rounded elements to create a smoother branded design.

When the code will be printed very small, the Square style is generally the safest starting point. Decorative styles should always be tested by scanning the final image.

6.7 Selecting the QR Code Eye Style

Use Select Eye Style to change the appearance of the three larger position markers located in the corners of the QR code.

Available style labels include square and circular treatments.

The eye style changes the visual design but does not change the destination of the QR code.

Choose an eye style that remains visually distinct from the smaller pattern elements.

For example:

Square pattern with square eyes
Dot pattern with circle eyes
Round pattern with circle eyes

The Style and Eye Style settings are separate dropdown controls.

6.8 Turning On “Use This Configuration”

Turn on Use This Configuration when you want the selected colors and styles applied to the VCard’s generated QR code.

When the switch is turned on, the system uses the saved:

  1. QR-Code Color
  2. Background Color
  3. QR Style
  4. QR Eye Style

When the switch is turned off, the custom configuration is not applied in the same way, and the system can continue using its standard QR presentation.

After changing the switch, select Save.

The switch is located directly below the style controls.

Custom QR Code Image

6.9 Uploading a Custom QR Code

The Custom QR-Code option allows the user to upload a prepared QR code image instead of using the system-generated color and style configuration.

To upload one:

  1. Locate the Custom QR-Code image area.
  2. Select the edit icon.
  3. Choose the QR code image from your device.
  4. Adjust the square crop when prompted.
  5. Confirm the image preview.
  6. Select Save.

The upload control accepts an image and displays either the existing custom code or the system’s default QR image in the preview area. The interface uses a square crop for the uploaded image.

6.10 Understanding the Custom Image Override

When a custom QR code image is uploaded, the system uses that image instead of generating the QR code from the color and style configuration above it.

This means the uploaded image takes priority over:

QR-Code Color
Background Color
QR Style
QR Eye Style

Use either the generated configuration or a prepared custom image, rather than expecting both methods to be combined.

The custom image should already contain a functional QR code that points to the correct public VCard address.

6.11 Preparing a Custom QR Image

Before uploading a custom QR code, confirm that:

  1. It points to the correct public VCard address.
  2. It has a square shape.
  3. It has a clear background.
  4. It has strong contrast.
  5. It is not blurry or distorted.
  6. It does not have important portions cropped.
  7. Any logo placed inside it does not cover too much of the code.
  8. It scans successfully from another device.

A high-resolution square source image should be used so the QR code remains clear when downloaded or printed.

Do not upload an ordinary logo or decorative image into the Custom QR-Code field. The image must be a working QR code.

6.12 Adding a Logo to a QR Code

A logo may be included inside a custom QR code when the image is created using an external design or QR-generation tool.

Keep the logo centered and relatively small. The code must retain enough visible pattern information for scanning.

After uploading a logo-based QR code:

  1. Save the configuration.
  2. Download the final image.
  3. Display it on another screen.
  4. Scan it from several distances.
  5. Test it with more than one mobile device.
  6. Confirm that it opens the correct card.

Do not distribute or print the image until the scan test succeeds consistently.

6.13 Replacing an Existing Custom QR Code

To replace the existing image:

  1. Open Customize QR Code.
  2. Select the edit icon on the current QR preview.
  3. Choose the replacement image.
  4. Confirm the crop and preview.
  5. Select Save.
  6. Download and test the new code.

The replacement does not change the card’s basic details. It only changes the QR image used for that card.

Public QR Display Controls

6.14 Displaying the QR Section on the Card

The visible QR section is controlled from Basic Details 3.

To show the QR code as a section on the public card:

  1. Open the card editor.
  2. Select Basic Details 3.
  3. Turn on Display QR Section.
  4. Select Save.

When enabled, visitors can see the QR code while viewing the digital card.

When disabled, the visible QR section is hidden.

This control is separate from the customization settings. A QR code can be customized even when its public section is hidden.

6.15 Displaying the Download QR Icon

To allow visitors to download the QR code from the public card:

  1. Open Basic Details 3.
  2. Turn on Display Download QR Icon.
  3. Select Save.

When enabled, the public card provides an option for downloading the QR code.

When disabled, visitors cannot use that public download icon, although the account owner can still manage and download the QR code from the dashboard.

The Download QR Icon and QR Section are independent controls.

6.16 Setting the QR Code Download Size

Use QR Code Download Size in Basic Details 3 to control the dimensions of the generated download.

The available range is:

100 px to 500 px

The slider moves in increments of:

100 px

Available selections are therefore:

100 px
200 px
300 px
400 px
500 px

The selected value appears beside the slider.

6.17 Choosing the Appropriate Download Size

100 Pixels

Suitable for small digital previews or limited online use. It may be too small for some printed materials.

200 Pixels

Suitable for email signatures, small graphics, and basic digital sharing.

300 Pixels

A practical middle size for many digital and small-print uses.

400 Pixels

Suitable for larger digital graphics, flyers, and many printed documents.

500 Pixels

The largest available generated size and the preferred choice when the code may be resized or used in larger printed materials.

When uncertain, choose the larger size and reduce it during design. Enlarging a small raster image later can cause blur.

Downloading the QR Code

6.18 Downloading from the VCards Page

The card owner can download the QR code directly from the VCards management page.

To download it:

  1. Select VCards from the main navigation.
  2. Locate the appropriate card.
  3. Select the three-dot actions menu.
  4. Select QR Code.
  5. Allow the browser to download the generated image.
  6. Open the downloaded file and test it.

The generated QR code points to that card’s public URL and uses the download size stored for the card.

6.19 Downloading from the Public Card

When Display Download QR Icon is enabled, a visitor can download the QR code from the public VCard.

The exact location of the download control may vary according to the selected card template.

Visitors should:

  1. Open the public digital card.
  2. Locate the QR code or QR download control.
  3. Select the download icon.
  4. Save the image to their device.

This is useful when customers, event organizers, team members, or business partners need a copy of the card’s QR code.

6.20 Testing the Downloaded Code

Always test the actual downloaded file instead of relying only on the editor preview.

To test it:

  1. Open the downloaded image on a computer or another phone.
  2. Use a different device’s camera to scan it.
  3. Confirm that a link notification appears.
  4. Open the link.
  5. Confirm that it loads the correct digital card.
  6. Test the code from both a close and moderate distance.
  7. Confirm that it still works when placed in the intended design.

Test again after placing the code into a flyer, brochure, or other graphic because resizing, compression, and background effects can affect scanning.

6.21 Regenerating a QR Code After Changing the Card URL

The generated QR code is connected to the card’s public URL Alias.

When the URL Alias changes, previously downloaded QR codes may continue pointing to the former address.

After changing the URL Alias:

  1. Save the new card address.
  2. Return to the VCards page.
  3. Download the QR code again.
  4. Test the new image.
  5. Replace older QR images in digital and printed materials when necessary.

Finalizing the URL before printing prevents unnecessary reprints.

6.22 Saving the QR Configuration

After making changes, select Save.

The system records the QR customization and uploaded image for that digital card.

The customization screen provides:

Save
Discard

The Save button applies the changes. The Discard button leaves the screen without saving the current edits.

6.23 Using Discard

Select Discard when you do not want to retain the current QR changes.

Discard returns to the VCards page and keeps the previously saved QR configuration.

It does not:

  1. Delete the VCard
  2. Change the public URL
  3. Deactivate the card
  4. Remove previously saved settings
  5. Delete other card content

6.24 QR Code Design Best Practices

Maintain strong contrast between the pattern and background.

Leave clear empty space around all four sides of the QR code. Do not allow text, borders, photographs, or decorative elements to touch the pattern.

Do not stretch the QR code into a rectangle. Keep its width and height equal.

Avoid placing the code over a complex photograph unless it has a solid background panel.

Do not compress the image excessively.

For printed materials, use a size that can be scanned comfortably from the expected viewing distance.

Always include a brief instruction near the code, such as:

Scan to View My Digital Card

or:

Scan to Save My Contact Information

6.25 Troubleshooting QR Code Problems

The Code Does Not Scan

Increase the contrast between the QR color and background. Try a black code on a white background.

The Code Scans in the Editor but Not After Printing

The printed code may be too small, blurred, stretched, or surrounded by insufficient empty space. Reprint it at a larger size.

The Code Opens the Wrong Address

Confirm that the custom QR image was generated using the correct VCard URL. Replace the image when necessary.

The Code Opens an Old Address

The URL Alias may have changed after the code was downloaded. Generate and download a new code.

The Custom Colors Do Not Appear

Confirm that Use This Configuration is turned on and that the settings were saved.

The Uploaded Custom QR Replaces the Chosen Colors

This is expected. A custom QR image overrides the generated color and style configuration.

Visitors Cannot Download the Code

Open Basic Details 3 and confirm that Display Download QR Icon is turned on.

The QR Section Is Missing from the Card

Open Basic Details 3 and turn on Display QR Section.

6.26 Final QR Code Checklist

Before distributing the QR code, confirm that:

  1. The card has the correct public URL.
  2. The card is active.
  3. The QR color contrasts with the background.
  4. The preferred pattern and eye styles are selected.
  5. Use This Configuration is enabled when using generated customization.
  6. The custom QR image works when one has been uploaded.
  7. The appropriate download size is selected.
  8. The QR section and download icon are configured correctly.
  9. The settings have been saved.
  10. The downloaded image has been tested.
  11. The code works inside the final printed or digital design.

Chapter Completion

At the end of this chapter, the user should understand how to customize the QR code’s colors and styles, upload a custom QR image, control its public display, select its download size, download it, test it, and prepare it for digital or printed marketing.


Write Your Comment