39.1 Overview

The Virtual Backgrounds feature creates branded business-card images using information from an existing VCard.

Despite the feature’s name, its primary purpose is not to provide a live Zoom, Google Meet, or Microsoft Teams integration. The system generates visual business-card assets that can be:

1. Shared as digital images
2. Used as profile or cover images
3. Supplied to an NFC-card printer
4. Added to marketing materials
5. Used as branded meeting-background artwork where appropriate
6. Stored as front-and-back digital card files

The system supports two creation methods:

1. Predefined Virtual Backgrounds, which use an existing background design supplied by the system.
2. Custom Virtual Backgrounds, which let the user upload separate front and back images, add a logo, select a horizontal or vertical format, populate VCard details, preview the result, and download both sides together.

The source contains separate views for creating standard and custom Virtual Backgrounds and separate controller operations for displaying templates, generating cards, downloading cards, retrieving VCard information, and creating the embedded QR code.

Understanding Virtual Backgrounds

39.2 What the Feature Produces

The application describes Virtual Backgrounds as business-card images containing information such as:

The Custom generator expands this information to include:

The generated images can be used for both digital and print-related purposes.

39.3 Virtual Background Versus a Public VCard

A public VCard is an interactive webpage.

It can contain:

1. Contact buttons
2. Services
3. Products
4. Galleries
5. Social links
6. Appointments
7. Payment Links
8. Blogs
9. Inquiries
10. Other interactive sections

A Virtual Background is a static image.

A person viewing the downloaded image cannot select the displayed telephone number or email address unless the image is placed inside another clickable webpage or message.

The QR code on a Custom Virtual Background can provide an interactive path by directing the viewer to the Website entered in the generator.

39.4 Virtual Background Versus a VCF Contact File

A VCF contact file imports information into a telephone or computer’s Contacts application.

A Virtual Background:

1. Does not automatically add a contact
2. Does not create a telephone contact record
3. Does not update itself when the VCard changes
4. Does not contain the complete interactive VCard experience
5. Is primarily a visual asset

A downloaded Virtual Background may include a QR code that leads to the online VCard, but the image and the contact file remain separate items.

39.5 Virtual Background Versus an NFC Card

The application specifically identifies Virtual Backgrounds as useful for designing NFC cards.

The downloaded front and back images can be provided to an NFC printing company as visual artwork. However, the images do not program the NFC chip.

An NFC card normally requires two separate components:

Printed artwork

The design printed on the physical card.

Programmed destination

The web address written to the NFC chip.

The Virtual Background generator creates the artwork. The NFC-card ordering or programming workflow controls the chip and its destination.

39.6 Virtual Background Versus a Video-Conference Background

The downloaded image may be uploaded to a meeting platform as a background where its dimensions and layout are suitable.

The system itself does not:

1. Connect directly to Zoom
2. Connect directly to Microsoft Teams
3. Connect directly to Google Meet
4. Automatically change a meeting background
5. Synchronize the image with a meeting account
6. Detect webcam placement
7. Mirror the image for a video platform

Upload and test the downloaded image separately within the applicable meeting service.

Accessing Virtual Backgrounds

39.7 Opening the Feature

To open Virtual Backgrounds:

1. Sign in to the customer dashboard.
2. Locate Virtual Backgrounds in the main menu.
3. Select it.
4. Wait for the available background designs to load.

The customer menu links the feature to the virtual-backgrounds.index destination. The menu is displayed in the main account-owner context and is excluded when the signed-in user is operating as an organization subuser.

39.8 Main Account Access

When the Virtual Backgrounds menu is missing, confirm that the user is signed in as the primary account owner.

The installed customer menu condition does not display this item when the current account has an organization parent identifier.

An organization employee may therefore be able to manage an assigned VCard but still not see the Virtual Backgrounds menu.

The main account owner can generate the required artwork for the employee’s VCard where the appropriate VCard is available in the selector.

39.9 Feature Routes

The customer workflow includes dedicated routes for:

These operations are handled through ECardsController, with separate routes for the standard and Custom generators.

39.10 Virtual Backgrounds Menu Is Missing

Confirm that:

1. The main customer account is being used.
2. The user is not signed in as an organization subuser.
3. The browser session is current.
4. The page has been refreshed.
5. The customer dashboard loaded completely.
6. The feature’s application files are present.
7. The administrator has not disabled the relevant module.

Sign out and sign back in after an account-access change.

Preparing the Source VCard

39.11 Why the VCard Should Be Completed First

Both the predefined and Custom generators retrieve information from an existing VCard.

A completed VCard reduces manual correction and prevents blank information from appearing in the generated image.

Before creating the Virtual Background, review:

The VCard editor contains fields for the VCard Name, Occupation, description, URL alias, and related identity information used throughout the system.

39.12 Selecting the Correct VCard

When several VCards exist, confirm:

1. VCard Name
2. Cardholder
3. Occupation
4. Public URL
5. Telephone number
6. Business identity

The Virtual Background selector identifies the source record, but it should not be assumed to verify that the selected VCard belongs to the intended campaign or cardholder.

39.13 Information Retrieved Automatically

After a VCard is selected, the generator requests the VCard’s information and fills the corresponding form fields.

The programmed mapping includes:

Review every populated field before downloading.

39.14 Missing VCard Information

A field can remain blank when:

1. It is blank in the VCard.
2. The wrong VCard was selected.
3. The VCard contains incomplete information.
4. The VCard information could not be retrieved.
5. The browser request failed.
6. The field contains unsupported data.

Return to the VCard editor to correct permanent information. For a one-time image, the generator’s editable fields can be corrected before the download where permitted.

39.15 Changes Do Not Update Existing Images

A downloaded image is static.

Changing the VCard later does not change:

1. A previously downloaded image
2. A previously printed NFC card
3. An image already posted on social media
4. A profile image already uploaded elsewhere
5. A ZIP file stored on a computer

Generate a new Virtual Background after changing important contact information.

Understanding the Two Creation Methods

39.16 Predefined Backgrounds

Predefined backgrounds use artwork already available in the system.

This workflow is appropriate when the user needs:

1. Faster generation
2. A ready-made design
3. Minimal layout work
4. Consistent card styling
5. A simple downloadable business-card image

The user selects a design, chooses a VCard, reviews the populated details, and submits the generator.

39.17 Custom Backgrounds

The Custom generator provides greater control.

It supports:

1. Horizontal and vertical layouts
2. Separate Front Image
3. Separate Back Image
4. Logo upload
5. VCard data population
6. Real-time canvas rendering
7. Website-generated QR code
8. Movable canvas content
9. Front-and-back PNG export
10. A combined ZIP download

Use Custom when approved brand artwork is already available or when the predefined designs do not match the required identity.

39.18 Opening the Custom Generator

To open Custom Virtual Backgrounds:

1. Open Virtual Backgrounds.
2. Select Custom or Add Custom.
3. Wait for the Custom form and both design canvases to load.
4. Choose the required orientation.
5. Select the VCard.
6. Upload the required artwork.
7. Review the design.
8. Download the completed ZIP file.

The system has a separate custom-virtual-backgrounds destination for this workflow.

Creating a Predefined Virtual Background

39.19 Reviewing Available Designs

The main Virtual Backgrounds page displays the available predefined designs.

Before choosing one, consider:

1. Logo placement
2. Text contrast
3. Cardholder name length
4. Occupation length
5. Location length
6. Telephone-number length
7. Website length
8. Brand colors
9. Intended digital or print use

A design that works for a short personal name may not work as well for a long organization name.

39.20 Opening a Predefined Design

To open a design:

1. Select Virtual Backgrounds.
2. Review the available designs.
3. Select the applicable design or its creation action.
4. Confirm that the design’s form opens.
5. Locate the VCard selector.

The standard creation route is tied to the selected background record, allowing the system to open the form for that particular design.

39.21 Selecting a VCard

In the Select VCard field:

1. Open the list.
2. Search for the intended VCard.
3. Select it.
4. Wait for the form to populate.
5. Review all populated values.

Do not select Submit immediately after choosing the VCard. Confirm that the asynchronous VCard-data request has finished.

39.22 Reviewing the Populated Information

Review:

Correct:

1. Typographical errors
2. Old contact details
3. Incorrect capitalization
4. Incomplete location
5. Incorrect region code
6. Old website
7. Incorrect employee information

39.23 Name Length

Long names may:

1. Wrap onto another line
2. Extend beyond the design area
3. Overlap another element
4. Become too small
5. Be cut off

Use the professional public name that should appear on the card.

Do not replace the cardholder’s name with an excessively long biography or company description.

39.24 Occupation

The Occupation field should be concise.

Recommended:

Avoid long sentences such as:

Place extended information on the public VCard rather than inside the image.

39.25 Location

Use a public business location appropriate for sharing.

Possible formats include:

Do not publish a private residential address unless it is approved for public business use.

39.26 Telephone Number

Confirm that the Region Code and Telephone Number form one valid number.

Check:

1. Correct country code
2. Correct area code
3. Missing digits
4. Extra spaces
5. Extension requirements
6. Whether the number accepts customer calls or messages

39.27 Website

Use the public destination that should be associated with the generated card.

Suitable destinations include:

1. Public VCard URL
2. Business website
3. Appointment page
4. Approved landing page
5. WhatsApp Store
6. Public portfolio

Do not use an administrator page, preview-only link, password-reset URL, or private internal system address.

39.28 Submitting the Standard Generator

After reviewing the information:

1. Confirm the selected design.
2. Confirm the selected VCard.
3. Review every field.
4. Select the generation or download button.
5. Wait for the browser response.
6. Save the downloaded file.
7. Open the downloaded result.
8. Confirm that the image was generated correctly.

The standard workflow submits through the selected background’s route and has a separate download operation.

39.29 Form Reset After Submission

The programmed standard-background behavior submits the form and then resets it shortly afterward.

The selected VCard is also cleared.

Therefore:

1. Do not assume the information will remain on screen.
2. Wait for the browser download.
3. Check the browser’s Downloads folder.
4. Do not select the submit button repeatedly.
5. Re-select the VCard when another copy is needed.

39.30 Verify the Download Immediately

Open the downloaded output and inspect:

Do not send the file to a printer or customer before opening it.

Creating a Custom Virtual Background

39.31 Custom Generator Requirements

The Custom generator requires:

The form performs browser-side validation before creating the ZIP file.

39.32 Recommended Preparation

Prepare these files before opening Custom:

Store the source images in an easy-to-find folder.

Choosing the Orientation

39.33 Horizontal Format

The Horizontal option creates canvases measuring:

This is a landscape format.

It is generally suited to:

1. Traditional business-card layouts
2. Wide profile graphics
3. NFC-card artwork
4. Horizontal digital sharing
5. Contact information arranged in columns

39.34 Vertical Format

The Vertical option creates canvases measuring:

This is a portrait format.

It is generally suited to:

1. Mobile-centered sharing
2. Portrait card layouts
3. Vertical profile artwork
4. Stacked contact information
5. QR-code-first designs

39.35 Select the Orientation First

Choose Horizontal or Vertical before entering the remaining information.

Changing the Size after beginning the design triggers a full Custom-form reset.

The programmed reset:

1. Clears the form
2. Clears the selected VCard
3. Clears the logo
4. Clears the Front Image
5. Clears the Back Image
6. Clears both canvases
7. Rebuilds the canvas dimensions
8. Restores the placeholder backgrounds

Select the final orientation before investing time in the layout.

39.36 Changing Orientation Safely

When orientation must be changed:

1. Record any manually corrected text.
2. Save copies of the source images.
3. Change the Size.
4. Re-select the VCard.
5. Upload the Logo again.
6. Upload the Front Image again.
7. Upload the Back Image again.
8. Reapply manual corrections.
9. Review both canvases.

Selecting the VCard in Custom

39.37 Selecting the Source VCard

To load VCard information:

1. Open the VCard selector.
2. Search by VCard Name.
3. Select the correct VCard.
4. Wait for all fields to populate.
5. Confirm that the front canvas updates.

The Custom page uses the same customer VCard-data route as the standard generator.

39.38 Data Added to the Front Canvas

The Custom generator places the following information onto the Front Canvas:

It also adds visual icons for:

1. Email
2. Telephone
3. Location
4. Website

The exact positions vary between Horizontal and Vertical orientation.

39.39 VCard Selection Is Required

The form will not download the Custom card when no VCard is selected.

Even when information has been manually typed into the fields, the programmed validation requires a selected VCard.

Reviewing and Editing Custom Fields

39.40 First Name

First Name is required.

Confirm:

1. Correct spelling
2. Appropriate capitalization
3. No unnecessary titles
4. No hidden trailing spaces

Professional titles ordinarily belong in Occupation rather than First Name.

39.41 Last Name

Last Name is required.

When the card represents a company rather than an individual, the generator may still require both name fields. Use approved business-card naming conventions and verify how the combined value appears on the canvas.

39.42 Email

Email is required and must pass the generator’s email-format validation.

Use a normal format such as:

The validation can reject:

1. Missing @
2. Missing domain
3. Missing domain extension
4. Spaces
5. Some unusually structured addresses

Use an actively monitored public business address.

39.43 Occupation

Occupation is required.

Keep it concise enough for the selected orientation.

Horizontal layouts provide a wider text area, while Vertical layouts may wrap long titles more noticeably.

39.44 Location

Location is required.

Use information suitable for public distribution.

The generator does not determine whether the address is private, safe, or current. The account owner is responsible for reviewing it.

39.45 Telephone Number

Telephone Number is required.

The generator also uses the selected Region Code.

The download is prevented when the telephone-validation component is displaying an unresolved error.

Check the full number before continuing.

39.46 Website

Website is required.

The generator validates the Website using a web-address pattern.

Examples that should normally be entered in a clear public form include:

Using the complete https:// format is recommended.

Avoid:

Understanding the Website QR Code

39.47 Automatic QR-Code Generation

When a Website is present, the Custom generator sends that Website to the system’s QR-code route and places the returned QR code on the Front Canvas.

The QR code therefore represents the Website field, not automatically the selected VCard’s URL unless that VCard URL was entered as the Website.

The route for generating this artwork is part of the installed Virtual Background workflow.

39.48 Recommended QR Destination

For a digital business card, the best destination is often the public VCard URL.

Example:

This lets the viewer scan the printed or shared image and open the complete interactive card.

39.49 QR Code Does Not Automatically Validate the Website

The generator creates visual QR artwork from the entered value.

It does not guarantee that the destination:

1. Is publicly available
2. Belongs to the business
3. Uses a valid SSL certificate
4. Remains online
5. Opens the correct VCard
6. Is safe for recipients

Scan the completed QR code before distributing the image.

39.50 Website Changes After QR Creation

The installed canvas behavior adds the QR code when it does not already exist. Editing the Website after the QR code has appeared may update the visible Website text without rebuilding the existing QR object.

To ensure the QR code reflects a corrected Website:

1. Record the corrected Website.
2. Reset or rebuild the Custom canvas.
3. Re-select the VCard.
4. Enter the corrected Website before finalizing.
5. Confirm that the QR code is regenerated.
6. Download the files.
7. Scan the exported QR code.

Changing the orientation also rebuilds the canvases, but it clears the entire form.

Uploading the Logo

39.51 Logo Is Required

The Custom generator will not create the ZIP file without a Logo upload.

The logo is placed on the Back Canvas as a movable image object.

39.52 Maximum Logo Dimensions

The programmed upload check rejects a Logo when either dimension exceeds:

This means the uploaded Logo must be no wider than 150 pixels and no taller than 150 pixels.

A 150 × 100 image is acceptable under this dimension rule.

A 200 × 100 image is rejected because its width exceeds 150 pixels.

39.53 Preparing the Logo

Before uploading:

1. Open the logo in an image editor.
2. Crop unnecessary transparent space.
3. Resize it to no more than 150 × 150 pixels.
4. Preserve its proportions.
5. Save a web-compatible image.
6. Confirm that the logo remains readable.
7. Upload the resized copy.

39.54 Avoid Stretching the Logo

Do not change the width and height independently merely to force the logo into a square.

This can make the logo:

1. Distorted
2. Too wide
3. Too tall
4. Difficult to recognize
5. Inconsistent with brand standards

Maintain the original aspect ratio.

39.55 Logo Background

A transparent logo often works best when the Back Image contains an approved solid or textured background.

When the logo contains a solid rectangle, confirm that its background color agrees with the uploaded Back Image.

Uploading the Front Image

39.56 Front Image Is Required

The Front Image becomes the background of the Front Canvas.

It appears behind:

1. Name
2. Occupation
3. Contact details
4. Contact icons
5. Website
6. QR code

The form will not download when the Front Image field is empty.

39.57 Front Image Preparation

Use a design that leaves sufficient space for the system-generated information.

For Horizontal:

For Vertical:

Using artwork with a matching ratio reduces cropping and distortion.

39.58 Front-Image Safe Areas

Avoid placing critical background content under the expected information areas.

Keep important artwork away from:

1. Name area
2. Occupation area
3. QR-code area
4. Bottom contact-information area
5. Outer edges

Use the live canvas preview to evaluate the actual placement.

39.59 Front Image Scaling

The uploaded Front Image is used as the canvas background and scaled to the current canvas dimensions.

An image with a mismatched ratio can appear:

1. Stretched
2. Cropped
3. Compressed
4. Blurred

Prepare separate Horizontal and Vertical source images rather than reusing one design for both orientations.

Uploading the Back Image

39.60 Back Image Is Required

The Back Image becomes the Back Canvas background.

The uploaded Logo is placed on top of it.

The form will not create the download while the Back Image field is empty.

39.61 Back Image Preparation

The Back Image should:

1. Match the selected orientation
2. Support the Logo visually
3. Provide adequate contrast
4. Avoid excessive detail behind the Logo
5. Use approved brand colors
6. Avoid text that may become cropped

39.62 Back Image and Logo Contrast

When the Logo is dark, use a sufficiently light background.

When the Logo is light, use a sufficiently dark background.

A logo that disappears into the background may be present technically but unusable visually.

Arranging the Canvas

39.63 Front and Back Canvases

The Custom generator contains two editable design areas:

Front Canvas

Contains the background artwork, contact details, contact icons, Website, and QR code.

Back Canvas

Contains the Back Image and uploaded Logo.

39.64 Selecting Canvas Elements

Where the canvas permits selection, click or tap an object to reposition it.

Objects can include:

1. Name
2. Occupation
3. Email
4. Telephone
5. Location
6. Website
7. Contact icons
8. QR code
9. Logo

Use small, controlled movements.

39.65 Avoid Moving Objects Outside the Canvas

An object dragged beyond the visible canvas may become:

1. Partially cut off
2. Missing from the download
3. Difficult to select again
4. Too close to a print edge

Leave a reasonable margin around the design.

39.66 Text Wrapping

Long text is placed inside defined text areas.

When text wraps poorly:

1. Shorten Occupation.
2. Use a shorter public location.
3. Use a cleaner Website address.
4. Confirm that the email is correct.
5. Reposition the text where possible.
6. Choose Horizontal when more width is needed.

39.67 QR-Code Position

Keep the QR code:

1. Fully inside the canvas
2. Away from the edge
3. Free of overlapping objects
4. Large enough to scan
5. On a visually simple area

Do not place text or a logo over the QR code.

39.68 Logo Placement

The Logo is initially placed near the center of the Back Canvas.

Review:

1. Horizontal alignment
2. Vertical alignment
3. Background contrast
4. Safe margins
5. Logo scale
6. Whether the Logo has excessive blank space

39.69 Preview at Actual Size

A design can look acceptable when enlarged in a browser but unreadable at its downloaded dimensions.

After downloading:

1. Open the PNG.
2. View it at 100%.
3. Zoom out to its expected display size.
4. Test it on a phone.
5. Test a printed proof where printing is intended.

Downloading the Custom Virtual Background

39.70 Final Validation

Before downloading, the generator checks:

Correct every validation message before trying again.

39.71 Creating the ZIP File

When validation passes, the browser converts both canvases to PNG data and creates a ZIP archive.

The ZIP is named:

It contains:

This packaging lets the user send the complete front-and-back artwork as one file while preserving each side as a separate image.

39.72 Download Procedure

To download:

1. Confirm the orientation.
2. Confirm the correct VCard.
3. Review all information.
4. Confirm the Front Image.
5. Confirm the Back Image.
6. Confirm the Logo.
7. Scan the previewed QR code where possible.
8. Select Download or submit the Custom form.
9. Wait for custom_e_card.zip.
10. Save it to an approved folder.
11. Extract the ZIP.
12. Open both PNG files.

39.73 Form Reset After Download

After the ZIP is generated, the programmed interface resets:

1. Form fields
2. VCard selection
3. Logo upload
4. Front Image upload
5. Back Image upload
6. Front Canvas
7. Back Canvas

Do not expect the Custom design to remain available after the download.

Confirm that the ZIP is safely stored before leaving the page.

39.74 No Saved Custom-Design Project

The inspected customer workflow creates the Custom design in the browser and downloads the resulting ZIP.

It does not expose a normal customer project library for:

1. Reopening a Custom design
2. Editing a previously downloaded design
3. Renaming a saved project
4. Duplicating a saved design
5. Viewing version history
6. Deleting a saved canvas project

Retain the source Logo, Front Image, Back Image, and final ZIP in an organized external folder.

Managing Downloaded Files

39.75 Recommended Folder Structure

Use an organized structure such as:

39.76 Renaming the Files

After extracting the ZIP, create descriptive working copies.

Example:

Retain the original ZIP until both images have been checked.

39.77 Version Control

Create a new dated version after changing:

1. Name
2. Occupation
3. Telephone
4. Email
5. Location
6. Website
7. Logo
8. Brand colors
9. QR destination

Do not overwrite the only verified version until the replacement has passed testing.

39.78 Source of Truth

The current VCard should be treated as the source of truth for contact information.

Downloaded files are copies.

Before reusing an older background, compare it with the active VCard.

Using the Files for NFC-Card Printing

39.79 Preparing Files for a Printer

Before sending the images to a printing provider:

1. Ask for the provider’s required dimensions.
2. Ask for bleed requirements.
3. Ask for preferred file format.
4. Ask for color-mode requirements.
5. Confirm whether rounded-corner safe areas are required.
6. Confirm whether the provider needs higher-resolution artwork.
7. Send both Front and Back files.
8. Clearly label which side is which.
9. Supply the NFC destination separately.
10. Request a proof.

39.80 Pixel Dimensions and Print Quality

The Custom generator exports at:

These dimensions may be adequate for digital use and some card-printing workflows, but a professional printer may require a larger resolution.

Do not enlarge the PNG substantially without checking image quality.

A printing provider may need to recreate or upscale the artwork using the original source assets.

39.81 Bleed and Trim

The generator does not replace a printer’s production template.

Important content should not be placed directly against an edge because the printer may trim part of the image.

Keep:

1. Name
2. QR code
3. Telephone
4. Email
5. Website
6. Logo

inside a safe central area.

39.82 NFC Programming Destination

The printed QR code and NFC chip can use the same public destination.

Example:

Test both independently.

A correct QR code does not prove that the NFC chip was programmed correctly.

Using the Files Digitally

39.83 Direct Sharing

The Front Image can be shared through:

1. Email
2. SMS
3. WhatsApp
4. Social messaging
5. Customer portals
6. Digital presentations

Remember that image-based contact details are not automatically clickable.

39.84 Profile Image

A square or portrait-oriented platform may crop a Horizontal Virtual Background.

Before using it as a profile image:

1. Review the platform’s aspect ratio.
2. Upload a test.
3. Reposition the crop.
4. Confirm that the face, Logo, or QR code remains visible.
5. Confirm that small text remains readable.

39.85 Cover Image

A Horizontal image may be used as a cover graphic, but each social platform uses different dimensions.

The platform may:

1. Crop the edges
2. Cover part of the design with the profile image
3. Display differently on mobile
4. Compress the image
5. Reduce QR-code readability

Test on both desktop and mobile.

39.86 Video-Conference Use

When uploading the image to a meeting platform:

1. Check whether the platform mirrors backgrounds.
2. Keep text away from the center where the person appears.
3. Keep contact details large.
4. Avoid placing the QR code behind the person.
5. Confirm that the background is not blurred automatically.
6. Test with the webcam turned on.

A mirrored background can make contact text and QR codes unusable.

Disable mirroring for the background where the meeting platform supports separate controls, or prepare artwork that the platform displays correctly.

Privacy and Security

39.87 Public Nature of the Image

A shared Virtual Background can be:

1. Downloaded
2. Copied
3. Forwarded
4. Screenshot
5. Printed
6. Posted publicly
7. Stored indefinitely

Only include information approved for public distribution.

39.88 Personal Address

Do not use a private home address merely because the VCard Location field contains it.

For public business cards, consider using:

39.89 Personal Telephone Number

Use a business telephone number where possible.

Once an image has been distributed, changing the VCard does not remove the old number from copies already shared.

39.90 Email Protection

Use an address suitable for public contact.

Publishing an email in an image can still expose it to:

1. Manual copying
2. Image recognition
3. Unwanted messages
4. Spam
5. Public reposting

39.91 QR-Code Safety

Scan the QR code before distribution.

Confirm that it does not open:

1. An administrator page
2. A login token
3. A private customer record
4. An expired link
5. A staging site
6. A password-reset page
7. An unsafe external domain

39.92 File Transfer

When sending card files to a printer or contractor:

1. Use an approved transfer method.
2. Confirm the recipient.
3. Send only the required assets.
4. Do not include passwords.
5. Do not include database credentials.
6. Do not include unrelated customer files.
7. Request deletion after completion where appropriate.

Quality-Control Workflow

39.93 Recommended Test Process

Use this process before release:

39.94 Second-Person Review

For business-critical artwork, have another authorized person verify:

1. Spelling
2. Telephone
3. Email
4. Website
5. Name
6. Occupation
7. Location
8. Logo
9. QR destination
10. Front and Back designation

A second review can catch errors overlooked by the person who created the card.

Troubleshooting Access

39.95 Virtual Backgrounds Does Not Appear

Confirm:

1. The main account owner is signed in.
2. The user is not inside an organization subaccount.
3. The browser session is current.
4. The dashboard menu loaded completely.
5. The relevant files and routes are installed.

The menu’s customer-side condition is tied to the absence of an organization parent identifier.

39.96 Page Returns an Error

Try:

1. Refreshing once.
2. Signing out and back in.
3. Opening a private browser window.
4. Clearing outdated browser cache.
5. Confirming that the customer subscription session is active.
6. Reporting the exact page and error to the administrator.

Do not repeatedly submit a form returning a server error.

Troubleshooting VCard Data

39.97 VCard Selector Is Empty

Confirm that:

1. At least one VCard exists.
2. The VCard belongs to the current account.
3. The correct account is open.
4. The page has loaded completely.
5. Search text is cleared.
6. The browser supports the selection component.

39.98 Selecting a VCard Does Not Populate Fields

1. Clear the selector.
2. Select the VCard again.
3. Wait for the request to complete.
4. Refresh the page.
5. Try another browser.
6. Confirm that the VCard contains the required information.
7. Report the VCard Name and approximate time of the error.

The generator retrieves VCard data through its dedicated get-vcard-data route.

39.99 Wrong Information Appears

Confirm that:

1. The correct VCard was selected.
2. The VCard itself is current.
3. The account does not contain similarly named VCards.
4. The data was not manually overwritten in the generator.
5. An old downloaded image is not being reviewed.

Troubleshooting Orientation and Canvas

39.100 Information Disappears After Changing Size

This is expected programmed behavior.

Changing Horizontal or Vertical resets the Custom form and canvases.

Re-select the VCard and upload the images again.

39.101 Canvas Is Blank

Confirm that:

1. The page loaded fully.
2. JavaScript is enabled.
3. The orientation is selected.
4. The Front and Back Images were uploaded.
5. The selected files are valid images.
6. Browser extensions are not blocking scripts.
7. Another supported browser can load the canvas.

39.102 Canvas Does Not Update After Editing Text

1. Click outside the field.
2. Enter another character and remove it.
3. Confirm that the correct Custom page is open.
4. Re-select the VCard.
5. Avoid pasting unusual formatting.
6. Refresh and recreate the design when necessary.

39.103 Objects Overlap

Reposition the applicable objects.

Also consider:

1. Shortening the Occupation
2. Shortening Location
3. Using a shorter Website
4. Switching to Horizontal
5. Preparing a cleaner Front Image
6. Moving decorative background artwork

Troubleshooting Images

39.104 Logo Is Rejected

Confirm that both dimensions are no greater than 150 pixels.

Resize the image before uploading.

Changing only the file name does not change the dimensions.

39.105 Logo Appears Too Small

The Logo may contain transparent or blank space around the visible mark.

Crop the source image closely, retain the 150 × 150 maximum, and upload it again.

39.106 Logo Looks Distorted

Confirm that the source image was resized proportionally.

Use the approved original Logo rather than a screenshot.

39.107 Front Image Looks Stretched

Prepare an image matching the selected ratio:

Do not use a very wide banner in the Vertical canvas.

39.108 Back Image Looks Blurred

Possible causes include:

1. Low-resolution source image
2. Screenshot source
3. Enlarged small image
4. Image compression
5. Mismatched dimensions

Use a cleaner source file.

39.109 Uploaded Image Does Not Appear

Confirm that:

1. A valid image was selected.
2. The upload completed.
3. The browser can read the file.
4. The file is not corrupted.
5. The image is not stored only in an unavailable cloud placeholder.
6. The correct Front or Back input was used.

Troubleshooting Validation

39.110 VCard Name Required

Select a VCard from the Custom VCard selector.

Typing contact information manually does not satisfy the programmed VCard-selection requirement.

39.111 First or Last Name Required

Complete both fields.

Check for fields containing only spaces.

39.112 Invalid Email

Use a standard business email format.

Remove:

1. Spaces
2. Commas
3. Multiple addresses
4. Display-name text
5. Invalid punctuation

Enter only one email address.

39.113 Occupation or Location Required

Complete each field with meaningful public information.

A blank or space-only field fails validation.

39.114 Phone Number Required

Enter a valid Telephone Number and resolve any telephone-validation error displayed by the form.

39.115 Website Required or Invalid

Enter a normal domain or complete HTTPS address.

Do not enter a sentence, email address, or internal server path.

39.116 Logo, Front Image, or Back Image Required

All three uploads are required for the Custom ZIP workflow.

Confirm that choosing a different orientation did not clear them.

Troubleshooting QR Codes

39.117 QR Code Does Not Appear

Confirm that:

1. Website is present.
2. Website has a valid format.
3. The page is connected to the server.
4. The QR-code request was not blocked.
5. The canvas is fully loaded.
6. The Website was entered before final review.

39.118 QR Code Opens the Wrong Page

Stop distributing the image.

Then:

1. Review the Website field.
2. Rebuild the canvas.
3. Enter the correct Website.
4. Allow the new QR code to generate.
5. Download a new ZIP.
6. Scan front_canvas.png.
7. Archive the incorrect version.

39.119 Visible Website Is Correct but QR Is Old

This can occur when the visible Website text was edited after the QR object was already added.

Reset and rebuild the canvas so a new QR code is generated from the corrected Website.

39.120 QR Code Will Not Scan

Check:

1. QR size
2. Image sharpness
3. Background contrast
4. Overlapping elements
5. Cropping
6. Print quality
7. Screen brightness
8. Whether the image was compressed by social media

Test the original front_canvas.png before testing a reposted or compressed copy.

Troubleshooting Downloads

39.121 Download Button Does Nothing

1. Review all validation fields.
2. Scroll for an error message.
3. Confirm that all three images are uploaded.
4. Confirm that the phone error is resolved.
5. Allow browser downloads.
6. Check whether a download was blocked.
7. Try another supported browser.
8. Select Download only once.

39.122 ZIP File Is Missing

Check:

1. Browser Downloads
2. Default Downloads folder
3. Browser download notification
4. Security software quarantine
5. Available device storage
6. Whether pop-ups or automatic downloads were blocked

The expected Custom filename is:

39.123 ZIP Will Not Open

The file may be incomplete.

Delete the incomplete copy and create a new download.

Do not repeatedly rename a damaged ZIP.

39.124 ZIP Contains Only Two Files

This is the expected Custom output.

The archive contains:

The Logo and uploaded background files are incorporated into these final images rather than included as separate source files.

39.125 Custom Design Disappeared

The interface resets after successful download and does not provide a normal saved-project history.

Recreate the design from the retained source assets when another version is needed.

Maintenance

39.126 Review After Contact Changes

Regenerate the background after changing:

1. Telephone
2. Email
3. Website
4. Job Title
5. Name
6. Location
7. Logo
8. Business identity

39.127 Review Public Copies

When replacing an image, also replace it in:

1. Social profiles
2. Email templates
3. Customer portals
4. Shared cloud folders
5. Website pages
6. Printed NFC-card orders not yet produced
7. Presentation decks
8. Meeting platforms

39.128 Retiring an Old Version

Mark an obsolete version clearly.

Example:

Do not leave several unlabeled versions in a shared production folder.

Final Virtual Background Checklist

39.129 Creation Checklist

Before downloading, confirm that:

1. The main account owner is signed in.
2. The correct VCard is selected.
3. The VCard contains current information.
4. The correct creation method is being used.
5. The final orientation was selected first.
6. First Name is accurate.
7. Last Name is accurate.
8. Email is accurate.
9. Occupation is concise.
10. Location is approved for public use.
11. Telephone Region Code is correct.
12. Telephone Number is correct.
13. Website is public and active.
14. The Logo is approved.
15. The Logo is no larger than 150 × 150 pixels.
16. The Front Image is approved.
17. The Back Image is approved.
18. Both images match the orientation.
19. Text is readable.
20. No objects overlap.
21. The Logo has sufficient contrast.
22. The QR code is unobstructed.
23. The QR destination is correct.
24. All content remains inside safe margins.

39.130 Download Checklist

After downloading, confirm that:

1. custom_e_card.zip was received for a Custom design.
2. The ZIP opens.
3. front_canvas.png exists.
4. back_canvas.png exists.
5. Both files open.
6. The Front and Back files are correctly identified.
7. Contact information is readable at 100%.
8. The QR code scans.
9. The QR code opens the correct page.
10. The Logo is clear.
11. The files are stored in an approved folder.
12. A dated version has been retained.
13. The source Logo and backgrounds have been retained.

39.131 Distribution Checklist

Before distribution, confirm that:

1. No private address is exposed.
2. No private telephone number is exposed unintentionally.
3. The email is approved for public use.
4. The Website is secure and active.
5. The recipient is correct.
6. The printer received the correct Front and Back files.
7. The printer received the NFC destination separately.
8. A print proof was reviewed.
9. Social-media cropping was tested.
10. Video-conference mirroring was tested where applicable.
11. Old versions were removed from active use.

Chapter Completion

At the end of this chapter, the user should understand how to open the Virtual Backgrounds area, distinguish predefined backgrounds from the Custom generator, select a source VCard, populate and review contact details, choose Horizontal or Vertical orientation, prepare and upload the Logo and front-and-back artwork, manage the canvas, generate a Website QR code, download front_canvas.png and back_canvas.png inside custom_e_card.zip, prepare the images for NFC-card printing, distribute the files safely, and troubleshoot creation, validation, image, QR-code, and download problems.