How to integrate Razorpay Payment Gateway Extension for Wix

Wix is a cloud-based development platform that allows users to create HTML5 websites and mobile sites through the use of online drag and drop tools. Wix is user-friendly and makes it possible to build a professional website without knowing how to code.

You can integrate the Razorpay Payment Gateway with your Wix website and start accepting payments from your customers.

Video Tutorial

Watch this video to learn how to integrate Razorpay Payment Gateway with your Wix website using our payment extension.

Prerequisites

  • Sign up for a Razorpay Account.
  • Generate the API Keys from the Dashboard.
    • Using the Test keys helps simulate a sandbox environment. No actual monetary transaction happens when using the Test keys.
    • Use Live keys once you have thoroughly tested the application and are ready to go live.
  • Learn about the Razorpay Payment Flow.

Integration Steps

  1. You must integrate with Razorpay webhooks to receive notifications whenever a payment is made on your website. To setup webhooks:
    1. Log into the Dashboard and navigate to Settings → Webhooks.
    2. Click Setup Webhook.
    3. Enter the following details:
      1. Enter the Website URL as https://express.razorpay.com/wix/v1/webhook-handler.
      2. Enter a Secret for the webhook endpoint. The secret is used for validation purposes.Note:
        • It is mandatory to set up a webhook secret. Skipping this can lead to errors.
        • The secret can be a combination of letters, numbers and special characters.
        • The secret entered here is used to validate that the webhook is from Razorpay. Do not expose the secret publicly.
      3. Select the following events from the list of Active Events:
      • order.paid
      • refund.processed
      • payment.failedNote:
        If you are using this Razorpay account to accept payments on your Wix site, you can set up only one webhook on the Razorpay Dashboard.
    4. Click Save to enable webhooks.
    Watch the short animation below for more details.webhook
  2. Navigate to your Wix website and switch to editor mode.
  3. Click Settings → Accept Payments.accept
  4. Click Add Payment Methods.add
  5. Select Razorpay and click Add.addOnce added, a success message appears as shown:success
  6. Razorpay appears added as a payment method. Click Set up Account to Activate.account
  7. In the dialog box that appears, select the appropriate action:dialog
    • If you have not signed up for a Razorpay account, click Create an Account and follow the steps mentioned on-screen. Once the account has been created, return to this screen and select Connect Existing Account.
    • If you already have an account, click Connect Existing Account and enter your API Key and Secret.
    ConnectNote:
    Do not select the Enable sandbox mode option.

Connect

  1. Razorpay now appears under Payment Methods. Ensure Active on your Checkout is enabled.Active

This completes your integration.

View Payment on Wix Dashboard

Follow these steps to check the payments made by customers on the Wix Dashboard:

  1. Log into your Wix website.
  2. Navigate to Finances → Payments.
  3. The payments appear as shown:

View

Label: Integrate Razorpay in Wix Platform

Reference:


https://razorpay.com/

Leave a Reply

Your email address will not be published. Required fields are marked *