Payment Gateway | Shopify - Integration Steps

Follow the steps given below to integrate 1 Razorpay App on your Shopify store.

2. Test Integration

Test the integration by making a test payment.

1. Build Integration

Follow the steps given below:

1.1 Installation

Sign up
for a Razorpay account.
Submit your KYC, and if we need any further clarification, we will reach out to you on WhatsApp, SMS and email.
Once our team completes KYC verification and you are enabled to accept payments, we will send a confirmation on WhatsApp, SMS and email.
Once your Razorpay account is activated, click on
this link
to access the 1 Razorpay App on your Shopify store. Alternatively, login to Shopify, navigate to Settings > Payments, search for "1 Razorpay" under Payment providers, and then click Install and Activate.
Click Install.
You will be redirected to a landing page. Click I am an existing user.
Scroll down and click Login.

Handy Tips
Make sure you log in with owner credentials to connect Razorpay with Shopify successfully.
Click Activate on the activation screen on your Shopify Dashboard.

1 Razorpay now appears as a Payment Gateway on your Shopify Store checkout.

This completes your integration. For more information, see

Shopify FAQs

2. Test Integration

After the integration of Shopify - 1 Razorpay on your Shopify store is complete, follow the steps given below:

2.1 Make a Test Transaction in Test Mode

After completing the integration, you must ensure it is working as expected. You can start accepting actual payments from your customers once the test mode transaction is successful.
Follow the steps given below to test a transaction in test mode:

Log in to your
Shopify store
.
Navigate to Settings → Payments.
On the Supported payment methods section, click Manage on the 1 Razorpay app.
At the bottom of the page, tick the Enable test mode option and click Save.
On your Shopify store, add an item to your cart and click Buy it now.
Fill in your contact and shipping details and click Continue to shipping.
Select 1 Razorpay and click Complete order.
On the checkout screen, enter your phone number, click PROCEED, and complete the payment.

You can make test payments using one of the payment methods configured at the Checkout.

No money is deducted from the customer's account as this is a simulated transaction.
Ensure you have entered the API keys generated in the test mode in the Checkout code.

Supported Payment Methods

Netbanking

You can select any of the listed banks. After choosing a bank, Razorpay will redirect to a mock page where you can make the payment a success or a failure. Since it is the test mode, we will not redirect you to the bank login portals.

UPI

You can enter one of the following UPI IDs:

success@razorpay: To make the payment successful.
failure@razorpay: To fail the payment.

Handy Tips

You can use Test Mode to test UPI payments, and Live Mode for UPI Intent and QR payments.

Wallet

You can select any of the listed wallets. After choosing a wallet, Razorpay will redirect to a mock page where you can make the payment a success or a failure. Since it is the test mode, we will not redirect you to the wallet login portals.

Cards

You can use one of the test cards to make transactions in the test mode. Use any valid expiration date in the future and any random CVV to create a successful payment.

2.2 Update Checkout Settings

Follow the steps given below for a smooth checkout experience:

Log in to your
Shopify store
.
Navigate to Settings → Checkout.
On the Customer contact method section, click Phone number or email and click Save.

Handy Tips

Your customer's email ID is prefilled during checkout, but the phone number must be entered manually.

2.3 Verify Payment Status

You can track the payment status from the Razorpay Dashboard or by polling APIs.

Log in to the Dashboard and navigate to Transactions → Payments.
Check if a payment_ID has been generated and note the status. In case of a successful payment, the status is marked as captured.

3. Go-live Checklist

Follow these steps before taking the integration live:

3.1 Switch from Test mode to Live mode

You can perform an end-to-end simulation of funds flow in the Test Mode. Once confident that the installation and integration is working as expected, switch to the Live Mode and start accepting payments from customers.

Watch this short animation to know how to switch from Test Mode to Live Mode on your Shopify store.

To switch from Test Mode to Live Mode:

Log in to your
Shopify store
.
Navigate to Settings → Payments.
On the Supported payment methods section, click Manage on the 1 Razorpay app.
At the bottom of the page, untick the Enable test mode option and click Save.

You can now start accepting actual payments on your Shopify store.