document b

Read our Payment Flow document before proceeding with the integration.

Generate API Keys in Test Mode. Once you are done with the integration, you can generate Live Mode API keys and replace them in the integration.

Sign up for a Razorpay account.

Sample code to integrate can be found on GitHub.

Capacitor is an open-source native runtime for building Web Native apps. You can use the Razorpay Capacitor plugin to accept payments on your Capacitor apps.

Capacitor Android and iOS Plugin - Razorpay Standard Checkout

1.6 Verify Payment Signature🔗

1.5 Store Fields in Server🔗

Know more about UPI Intent and its benefits.

Enable UPI Intent on iOS🔗

Request Parameters🔗

1.4 Add the Checkout Code🔗

Capacitor 3 supports Android 11 (API 30), so you can update your SDK target to 30. Change compileSdkVersion and targetSdkVersion to 30 in the android/variables.gradle file.

Update Android Variables🔗

1.3 Add the Checkout class in MainActivity.java (Android Only)🔗

2 Install the Razorpay Capacitor Plugin🔗

Parameters🔗

Sample Code🔗

Create an Order in Server🔗

Order is an important step in the payment process. Orders and payments go hand-in-hand. For every payment, an order needs to be created. It is compulsory to create orders to capture payments automatically.

Orders and payments go hand-in-hand. F

Once you have completed the integration, you can set up webhooks, make test payments, replace the Test key with Live key and integrate with other APIs. Refer to the post-integration section for more details.

Cards

ne

events:

y Dashboard.

Webhooks

Click Edit and complete the following steps:

-

-

Prerequisites🔗

Currently

OpenCart is an easy-to-use and powerful open source online store management program that can manage multiple online stores from a single admin interface. OpenCart is a module-based system which allows you to easily extend the functionality as per your needs

Integrating your OpenCart site with Razorpay allows you to accept payments via the Razorpay Payment Gateway. You can accept payments via debit card, credit card, netbanking (supports 3D Secure), Unified Payments Interface (UPI) or through any of our supported wallets.

The extension offers seamless integration allowing the customer to pay on your website without being redirected. This allows the extension to work across all browsers and ensures compatibility with the latest version of OpenCart.

Integrating the Easy Digital Downloads - WordPress plugin with Razorpay allows you to accept payments on your WordPress site via the Razorpay Payment Gateway. You can accept payments via debit card, credit card, netbanking (supports 3D Secure), Unified Payments Interface (UPI) or through any of our supported wallets. Check the Payment Methods for more details.

The extension offers seamless integration, allowing the customer to pay on your website without being redirected. This allows the extension to work across all browsers and ensures compatibility with the latest version of WordPress.

It is one of the most widely used website creation tools.

page/app.

Dashboard

The plugin offers seamless integration, allowing the customer to pay on your website without being redirected. This allows the plugin to work across all browsers and ensures compatibility with the latest version of CS-Cart.

CS-Cart is also available with a Multi-Vendor option. Multi-Vendor is an enhanced ecommerce platform that supports multiple independent sellers in an online marketplace.

If you have queries, raise a ticket on the Razorpay Support Portal. If you have a feature request, create an issue on GitHub.

Sign up

Sign up for a Razorpay account.

pp.

Payment Capture API Razorpay Dashboard

:

-

-

/app.

in

checkbox

would like the customer

-

n

To do this,

In

To do this:

Learn more about Webhooks setup.

In

To set up webhooks:

-

In

Gravity Form Plugin.

Razorpay

You n

Poll APIs🔗

Subscribe to Webhook events🔗

Verify Payment Status🔗

Integrating your Arastta site with Razorpay allows you to accept payments from your online customers via the Razorpay Payment Gateway. You can accept payments via debit card, credit card, netbanking (supports 3D Secure), UPI or through any of our supported wallets. The plugin offers seamless integration, allowing the customer to pay on your website without being redirected. This allows the plugin to work across all browsers and ensures compatibility with the latest version of Arastta.

developers.

Note:

WKWebView framework is used to implement a bridge between the JavaScript and the native code as UIWebView does not provide this functionality. The bridge is added by passing an instance of WKScriptMessageHandler and a string (which is the name of the bridge).

setAcceptThirdPartyCookies should be used for API level 21 and above.

Add the following code to your webview to enable cookies.

You should enable cookies on your app to access features such as saved cards. Know more about saved cards.

Enable Cookies

Now the JavaScript code loaded into webView will be able to call native methods of PaymentInterface class by calling PaymentInterface.success() and PaymentInterface.error().

Adding JavascriptInterface to webView:

Payment Callbacks to the Android Native Code🔗

If you are loading the checkout form directly to WebView on your native mobile app without using our Razorpay SDK, you must provide a callback_url in the Razorpay Checkout parameters. After the successful payment, a redirect is made to the specified URL.

Hand over the Payment Result to Native App

For a successful payment, the callback URL will have razorpay_payment_id.In addition, razorpay_order_id and razorpay_signature will be returned in the Request body, provided your server-side has been integrated with Orders API. For more details, refer the Orders API document.

var options = { ... // existing options callback_url: 'https://your-server/callback_url', redirect: true }

Create a WebView in the Mobile App🔗

Handy Tips When you use webview, several features such as UPI Intent are not supported. We recommend integrating with our native Android and iOS SDKs instead.

f you intend to accept payments on your Android or iOS apps and do not want to integrate with our native SDKs, you can reuse your Standard Integration code. This opens the checkout form in a webview on your mobile app. To do this, pass the callback_url parameter along with other checkout options to process the desired payment.

Standard Web Integration - Webview for Mobile Apps

Implement callback_url if your customer's make online payments on browsers such as Instagram, Facebook Messenger, Opera, UC browsers and so on. This is because, these browsers do not support i-frame.

Implement webhooks or the query API to avoid any cases of callback failure (drop offs could be connectivity or network failure) and to verify the payment details via an S2S call. Some of the webhook events you should enable are: payment.captured payment.failed order.paid Read more: Know more about Webhooks.

You can determine payment and order status using:

This is a mandatory step that allows you to confirm the authenticity of the details returned to the Checkout form for successful payments. Read more: Know how to verify payment signature.

Orders help in binding multiple payment attempts against a single order. This helps to prevent multiple payments. Integrate with Orders API on your server-side and pass the order_id to Checkout.

When a payment made by your customer is authorized, it needs to be captured for it to be settled in your bank account. Use the Payment Capture Setting to configure the capture settings at an account level via the Dashboard.

Capture Payment using Payment Capture Settings🔗

Given below are some of the best practices to be followed for a smooth integration and payment experience:

Standard Checkout is an integration provided by Razorpay where the complete checkout is developed and managed by Razorpay. You can configure payment methods, orders, company logo and also select custom color based on your convenience. This checkout supports all the major browsers (IE 9 and above).

Standard Checkout Integration - Best Practices

Go-live Checklist

Pay

Test Integration

You can retrieve the status of the payments by polling our Payment APIs.

Poll APIs🔗

You can use Razorpay Webhooks to configure and receive notifications when a specific event occurs. When one of these events is triggered, we send an HTTP POST payload in JSON to the webhook's configured URL. For example, if you have subscribed to the order.paid webhook event, you will receive a notification every time a customer pays you for an order. Know how to set up Webhooks.

Subscribe to Webhook events🔗

From Dashboard🔗

Post Signature Verification

Generate Signature on Your Server

order_id - Retrieve the order_id from your server. Do not use the razorpay_order_id returned by Checkout. razorpay_payment_id - Returned by Checkout. key_secret - Available in your server. The key_secret that was generated from the Razorpay Dashboard.

This is a mandatory step that allows you to confirm the authenticity of the details returned to the Checkout form for successful payments.

A successful payment returns the following fields to the Checkout Form. Make provisions to store these fields on your server. You can confirm the authenticity of these details by verifying the signature in the next step.

When you use a callback URL, Razorpay makes a POST call to the callback URL, with the razorpay_payment_id, razorpay_order_id and razorpay_signature in the response object of the successful payment (razorpay_payment_id, razorpay_order_id. Only successful authorisations are auto-submitted.

If you used the sample code with the callback URL, then:

Checkout with Callback URL

ler": function (response){ alert(response.razorpay_payment_id); alert(response.razorpay_order_id);

On failure, the customer will be notified of the failure and asked to retry the payment. Know about the error parameters.

The customer is shown your page, and the checkout returns the response object of the successful payment (razorpay_payment_id, razorpay_order_id and razorpay_signature). You should collect these and send them to your server.

If you used the sample code with the handler function, then:

Checkout with Handler Function

The way you handle payment success and failure scenarios will differ based on the Checkout sample code you opted for in the previous step.

Razorpay Standard Checkout hosts a variety of payment methods for customers to make payments. These payment methods on the checkout are fixed and cannot be interchanged. However, if you want certain payment methods to be shown more prominently or rearrange the order in which the payment methods are displayed on the Checkout, you can configure payment methods. Advantages of Configuring Payment Methods Provides a highly personalised experience to your customers. Increases your sales and payment success rates.

The open method of Razorpay object (rzp1.open()) must be invoked by your site's JavaScript, which may or may not be a user-driven action such as a click.

To add the pay button to your web page, add the checkout code given below to your front-end.

2. Integrate with Checkout on Client-Side

-

-

the

Given below is the API sample code:

After the payment moves to captured state, the order moves to the paid state. No further payment requests are allowed once the order moves to the paid state. The order continues to be in this state even if the payment associated with the order is refunded.

An order moves from created to attempted state when payment is first attempted on it. It remains in this state until a payment associated with that order is captured.

The customer submits the payment information, which is then sent to Razorpay. The payment is not processed at this stage.

Order is an important step in the payment process. Orders and payments go hand-in-hand. For every payment, an order should be created. You can create an order using the Orders API. It is a server-side API call. The order_id received in the response should be passed to the checkout.

1. Create an Order on Your Server🔗

Build Integration

account.

List of payment methods supported by Razorpay. List of international currencies supported by Razorpay.

If your website is built on an ecommerce platform such as WordPress, Magento, WooCommerce, Shopify and so on, you should use our ecommerce plugins.

Standard Checkout is an integration method where the complete checkout is developed and managed by Razorpay. You can configure payment methods, orders, company logo and also select custom color based on your convenience.

Start accepting domestic and international payments from customers on your website using the Razorpay Standard Checkout.

Web Integration - Razorpay Standard Checkout

UPI ID: rpy.payto00000gaurikumar@icici

Account Number: 11122219877893452 IFSC: RAZR0000001 Name: Acme Corporation

Note

List of APIs for Smart Collect🔗

:

A dialog box appears to confirm the closing. Click Yes.

Note:

:

Go Live Checklist

Go Live Checklist

To accept live payments:🔗

Once confident that

test mode

Build Integration

store

gration

Pay button will ap

If you have queries, raise a ticket on the Razorpay Support Portal. If you have a feature request, create an issue on GitHub.

n up for a Razorpay Account.

The module offers seamless integration, allowing the customer to pay on your website without being redirected. This allows the module to work across all browsers and ensures compatibility with the latest version of PrestaShop.

You can

Integrating your PrestaShop site with Razorpay allows you to accept payments via the Razorpay Payment Gateway.

They add functionality in the following ways:

Modules

PrestaShop Modules help you customis

PrestaShop Module

enable 2FA for your account only.

ble 2FA for all your team members.

Wokflows from the RazorpayX Dashboard.

Watch this video to see how to set up workflows.

Watch this gif to see how to add a user and assign a role.

nding Guidelines

dule Bulk Payouts🔗

You can create S

You can create a Scheduled payout via the RazorpayX Dashboard. To create a Scheduled payout, select the following options while creating a payout:

works🔗

Watch this video to see how your customers can add their card and address details on the checkout page for address verification.

Given below is a diagram of the workflow:

Handy Tips This is an on-demand feature. Please raise a request with our support team to get this feature activated on your Razorpay account. Handy Tips This feature works for US, UK and Canada cards only.

At present, this feature is available only on Razorpay Standard Checkout on web and the Razorpay WooCommerce integrations.

customer_details

Coupon Codes

APIs

Note

API

Response Parameters

shipping_address

API

Note

Related Info🔗

The CA/Finance team has to do the following:

To give access to your CA/Finance team:

modal

directly

The report is downloaded, and a copy of the report is sent to the concerned (CA, Finance team, etc) directly.

Enter the email address to which report must be sent, or select email address from the list as shown below:

Click DOWNLOAD as shown below:

menu