3. Implement Payv3 Forms

Insert the Cards payv3 form in your HTML for a new card transaction. Click on Copy Code to get the form that has to be used.

📬 Optional: Billing Address (AVS) Fields

In order to capture additional fields for Address Verification (AVS), you can include the <input> fields shown under the Div class “avs_fields“ in your form.

When AVS is required:

• Juspay will notify your frontend via the cardBIN API response. (Key to consume: collect_avs_info)

• You must then display the additional HTML <input> fields for AVS with the exact class names so they are picked up by Juspay’s JS at the time of form submission.

🛠️ How to Populate “billing_address_country_code_iso"

In addition to the visible AVS address fields, you have to also pass ISO country code via the hidden field billing_address_country_code_iso. This value is not entered by the end user, but must be populated dynamically using the mapping table provided below.

To populate this field:

1. Let the end user select their country (e.g., via a dropdown on your payment form).

2. Use the country code mapping table (at the bottom of this page) to look up the corresponding ISO Alpha-2 country code.

3. Set the ISO code into the hidden input field using JavaScript:

Step 1: Call List Stored Cards API
Call the List Stored Cards API and fetch the card_token and card_isin values from the API response. Checkout the List Stored Cards API to know in detail.
Step 2: Insert the Saved Cards payv3 form in your HTML.
Click on Copy Code to get the form that has to be used.

Insert the Netbanking form in your HTML. Use the Payment Method API response to fetch the active Payment Methods and Payment Method Type.

Insert the UPI Collect form in your HTML. Use the Payment Method API response to fetch the active Payment Methods and Payment Method Type.

Insert the Wallets form in your HTML. Use the Payment Method API response to fetch the active Payment Methods and Payment Method Type.

Click on Copy Code to get the form that has to be used.

Click on Copy Code to get the form that has to be used.

Instruction for CVV-less Card payments.
When setting up the payment form using Juspay.Setup: Do not include the "security_code" field in the configuration.This will prevent Pay-V3 from showing the CVV input during payment and will not make any validation checks for CVV. For saved cards that support CVV-less transactions, the payment will be completed seamlessly without requiring CVV input.

Click on Copy Code to get the form that has to be used.