The Payment Links section allows the card owner to place payment destinations, payment instructions, UPI payment links, or payment-related images on the public digital card.
Payment Links is a dedicated section within the VCard editor. The system provides separate operations for adding, viewing, editing, updating, and deleting each entry.
A payment-link entry contains:
Payment Links are separate from product orders, appointment payments, subscription payments, and the payment-provider configuration located in Settings.
From the dashboard:
On a phone or smaller screen, select the menu icon within the editor to display the available sections.
The Payment Links page displays all payment-link entries connected to the selected digital card. The editor loads this section through its dedicated Payment Links interface.
Each saved payment link appears in a management table.
The table can display the following information:
The image associated with the payment option.
Examples may include:
When an icon has not been stored successfully, the system uses a default image.
The name visitors use to identify the payment option.
Examples include:
Long labels may appear shortened in the dashboard table. Use a clear and concise label so visitors understand the payment’s purpose.
The selected format used to present the payment content.
The system treats image-based payment entries differently from description-based entries. UPI entries also receive special formatting instructions.
Each payment-link row provides controls to:
Select Add Payment Link at the top of the Payment Links section.
The New Payment Link window opens.
The form contains:
Complete every required field before saving.
The Icon is required when creating a payment link.
Select the edit icon within the image area and choose an image from your device.
Supported icon formats include:
The maximum icon size is:
Use a simple, recognizable image that remains clear when displayed at a small size.
Good examples include:
Avoid uploading an image containing large amounts of small text because the icon is displayed as a thumbnail.
The payment icon is different from an image used as the actual payment content. Image-based payment content is configured separately after selecting the appropriate Display Type.
Enter the payment option’s name in the Label field.
The Label is required.
Use wording that explains both the action and its purpose.
Clear examples include:
Less effective labels include:
A visitor should be able to understand what will happen before selecting the payment option.
Select the appropriate option from the Display Type dropdown.
The selected type determines whether the form requests written content or an image.
The interface specifically provides special handling for:
Choose the type that matches the information you intend to present.
For description-based Display Types, the form shows a required Description field.
The Description can contain up to:
Enter the information appropriate to the selected type. Depending on the option selected, this may be:
When entering a web payment address, use the complete secure URL.
Example:
Do not enter only:
The complete address reduces the risk of the public card opening an incomplete or incorrect destination.
When the selected Display Type is intended to show written instructions, enter only the information visitors need to complete the payment.
Example:
Another example:
Do not place account passwords, private access codes, administrative credentials, secret API keys, or other confidential information in the Description field.
Anything displayed through a public digital card should be treated as public information.
When UPI is selected as the Display Type, the interface displays a note explaining the required UPI link format.
The programmed format is:
Example:
Enter the complete UPI link in the Description field.
The UPI format uses several parameters.
paThe payee’s UPI address or virtual payment address.
Example:
amThe requested payment amount.
Example:
The amount may also contain decimals when appropriate:
cuThe currency code.
The system’s displayed example uses:
A complete example is:
Do not insert spaces into the UPI URI.
When you want to request a fixed amount, include the am parameter.
Example:
When you want the customer to enter the amount manually, remove the amount parameter.
Example:
Test both versions on a compatible mobile device before publishing the payment option.
The Payment Links interface states that the UPI Pay button will be visible only on mobile devices.
This means a visitor viewing the card on a desktop computer may not receive the same UPI payment-button experience as someone viewing it on a phone.
After creating the entry:
When the image-based Display Type is selected, the Description field is replaced by an image-upload control.
The content image is required when creating a new image-based payment entry.
This image can be used for:
The content image is separate from the smaller payment icon.
An image-based payment link may contain two different images.
The small identifying image displayed with the payment entry.
Example:
The larger image visitors view as the payment information.
Example:
Do not upload the same low-resolution thumbnail for both purposes unless it remains readable and scannable in both locations.
After selecting the image-based Display Type:
When uploading a QR payment image, make sure all four sides of the QR code remain visible and that clear space remains around the code.
Test the final public image with a separate mobile device before distributing the card.
When editing an existing payment link and changing it from a non-image type to the image-based type, the system requires a content image.
When the entry was already image-based, the existing image can remain in place unless you choose to replace it.
This prevents an image-based payment entry from being saved without payment content.
After completing the required fields, select Save.
The system validates the entry.
Common validation issues include:
When the payment link is accepted:
Select Discard to close the New Payment Link window without saving the current entry.
Discard does not affect previously saved payment links.
Information entered into the unsaved form is cleared when the form is closed or reopened.
Select the View icon beside a payment link.
The Payment Link Details window displays:
For a description-based entry, the window displays the saved Description.
For an image-based entry, the Description area is hidden and the saved content image is shown instead.
Use the View option to confirm the saved information without opening the editing form.
Select the Edit icon beside the payment link you want to change.
The Edit Payment Link window opens with the saved information.
You can update:
Select the edit control on the current icon and choose a replacement image.
When editing, uploading a new icon is optional. The existing icon remains when no replacement is selected.
The replacement must still be a supported image and must not exceed 2 MB.
Select a different option from the Display Type dropdown.
The form changes according to the selected type.
When switching to the image-based type, the Description field is replaced by an image upload.
When switching from an image-based type to a description-based type, the image control is replaced by the Description field.
Review the content carefully after changing types because the previous content may not be appropriate for the new format.
To update a UPI payment entry:
Do not assume the new link works merely because the system saved it. The system validates the required field but cannot guarantee that the external payment destination is correct.
Select Save after editing the entry.
A success message confirms that the Payment Link was updated.
The management table refreshes and displays the revised label, icon, or Display Type.
Select Discard to close the editing window without saving the current changes.
Select the Delete icon beside the payment link.
Review the confirmation message and approve the deletion.
Deleting the entry removes:
Deletion is different from temporarily hiding an entry. The Payment Links interface does not provide a separate active/inactive switch for each payment-link row.
Only delete an entry when it is no longer needed.
When a payment address has changed, editing is normally safer than deleting and recreating the entry.
Use Edit when you only need to change:
Use Delete when the payment option should be completely removed from the card.
After adding or editing a payment link:
The exact position and visual style of Payment Links can vary according to the selected VCard template.
The Payment Links feature primarily presents payment information or sends visitors to a payment destination.
As an operational practice, confirm completed payments within the connected payment service, bank, UPI application, invoice system, or other payment provider.
Do not treat a visitor selecting the VCard’s Pay button as proof that payment was completed.
Before publishing a payment link, confirm that:
Review payment entries regularly and remove outdated links.
Confirm that the file is a JPEG, JPG, PNG, GIF, or WEBP image and is no larger than 2 MB.
The selected Display Type uses description-based content. Enter the appropriate payment address or instructions.
The image-based Display Type is selected. Upload the required content image.
Confirm that UPI is selected in the Display Type dropdown.
The programmed UPI Pay button is intended for mobile-device display. Test it on a compatible phone.
Review the complete address or UPI URI for missing characters, spaces, or incorrect parameters.
Upload a clearer image with stronger contrast and sufficient blank space around the code.
Refresh the public card, clear the browser cache, and confirm that the edit form was saved successfully.
Deletion removes the entry and its associated media. Create a new payment link and re-enter the information.
Before completing the Payment Links section, confirm that:
At the end of this chapter, the user should understand how to add, view, edit, test, and delete VCard Payment Links; upload identifying icons and content images; configure UPI links; and verify payment options on the public digital card.