Troubleshooting🔗

Firefox: Bank Page Not Opening (Netbanking)🔗

Mozilla Firefox users may not be able to open the bank page while making a netbanking payment on your checkout. This issue may be due to a browser setting that blocks the webpage from opening a pop-up page.

Your customers can follow these steps to unblock the pop-up page:

On page level
On browser level

On Page Level🔗

Follow these steps:

Open Mozilla Firefox.
Navigate to Tools → Page Info → Permissions
Set Open Pop-up Windows to Allow.

On Browser Level🔗

Follow these steps:

Open Mozilla Firefox.
Navigate to Preferences → Privacy & Security → Permissions.
Disable the Block pop-up windows option.

HTML Page Overflow Issue🔗

Overflow issue can occur if the viewport meta tag is not present in your code. Check if the meta tag is added. If not, add the following line.

 View Port Meta Tag
Copy<meta name="viewport" content="width=device-width, initial-scale=1.0">

FAQs🔗

1. Is a timeout applicable on transactions?🔗

The transaction timeout is applicable only when your customer attempts the payment. The timeout is 3 to 15 minutes for an attempted payment. The customer is redirected to the checkout if a payment fails due to timeout.

2. How do I accept international payments on checkout?🔗

You need to enable the international payments feature on your Razorpay account. Refer to international payments.

3. Are language-based SDK available?🔗

Yes, language-based SDKs are available here.

4. Can I switch between Standard Integration and Quick Integration?🔗

Yes, it is possible to easily switch from one integration method to another. If you were earlier using Standard Integration, you can switch to the Quick Integration.

This is possible as the Standard Integration searches for the data-key field inside the <script> tag, which when found switches to automatic mode. It also creates a button alongside the <script> tag and attaches its 'onclick event handler' (created internally) to the .open method of the Razorpay object.

5. Can I track the status of the checkout modal?🔗

Yes, you can track the status of the checkout modal. You can do this by passing a modal object with ondismiss: function(){} as options. The ondismiss function is called when the modal is closed by the user.

 Javascript
Copyvar options = {
    "key": "<YOUR_KEY_ID>", // Enter the Key ID generated from the Dashboard
    "amount": "29935",
    "name": "Acme Corp",
    "description": "A Wild Sheep Chase is the third novel by Japanese author Haruki Murakami",
    "image": "http://example.com/your_logo.png",
    "handler": function (response){
        alert(response.razorpay_payment_id);
    },
    /**
      * You can track the modal lifecycle by * adding the below code in your options
      */
    "modal": {
        "ondismiss": function(){
            console.log('Checkout form closed');
        }
    }
};
var rzp1 = new Razorpay(options);

You can utilize the handler function called on every successful transaction for tracking payment completion.

6. What is the difference between webhooks and callback URL?🔗

You can use Callback URL and webhook to get the status of the transaction for a payment source.

Particulars	Webhooks	Callback URL
About	Webhooks allow you to build or set up integrations that subscribe to certain events on Razorpay APIs. When one of those events is triggered, we send an HTTP POST payload in JSON to the webhook's configured URL. Know more about webhooks.	A callback URL is an address that a server provides, and any computer in the Internet/private network can POST data to it. For Razorpay integrations, callback URL is the address at which Razorpay should send the transaction response. You can pass the URL in the `https://<domain_name_callback_url>` format in the `callback_url` request parameter. Know more about callback URL.
When to use	Use webhooks to receive real-time notifications when specific events occur. For example, receive notifications upon payment failure.	Use callback URL to redirect your customers to a particular page. For example: • You can send customers to a payment success page after successful payment. This page will receive payment details such as the payment id. • The Razorpay Checkout pop-up page does not appear in certain browsers, for example, on Facebook and Instagram browsers. In such cases, you can use the callback URL to redirect customers from your Facebook/Instagram page to another page where the Razorpay Checkout appears. Customers can complete the payments on this redirected page.

7. Which are the payment methods that appear on Instagram/Facebook browsers?🔗

Payment methods like UPI collect, Cards and Powerwallet(Freecharge) will appear on Instagram/Facebook browsers. Any other payment method which opens on a pop-up page is not supported in these browsers.

Troubleshooting & FAQs