Integrate Razorpay Magic Checkout With WooCommerce Website

You can integrate Magic Checkout with your WooCommerce website.

Feature Request

This is an on-demand feature. Please raise a request with our
Support team
to get this feature activated on your Razorpay account.
Watch this video to know how to raise a feature enablement request on the Razorpay Dashboard.

Watch Out!

If you are integrating with our plugin for the first time, refer to the

FAQs

Integration Steps

Follow the steps given below:

To configure settings on Razorpay Dashboard:

Log in to the
WordPress account
and navigate to Settings → General.
Copy the WordPress Address or Site Address.
Log in to the
Razorpay Dashboard
and navigate to Magic Checkout (under PAYMENT PRODUCTS) → Settings.
Select WooCommerce from the drop-down list. Paste the WordPress Address or Site Address in the Domain hyperlink field.

To configure settings on WordPress Dashboard:

Log in to your WordPress account and activate the Razorpay plugin in the WordPress Plugin Manager.
Log in to your WooCommerce account, navigate to Settings and click the Payments tab.
In the Payments tab, scroll down to Razorpay and click Manage to edit the settings.
- Activate Magic Checkout: Enable Magic Checkout to start displaying Magic Checkout instead of Native Checkout. Disable it to use Native Checkout.
  - Activate Test Mode: Enable Test mode to test the flow without impacting customers. This will show the button only to users who have admin permissions.
  - Activate Buy Now Button: Display the Buy Now button on the product display page. Customers can directly purchase a single product by clicking the Buy Now button on the product display page and they will be directed to the Checkout for the payment. Only the Add to Cart button will appear to the customers if this is not selected.
  - Activate Mini Cart Checkout: Display the Mini Cart Checkout button. Once a customer adds a product to the cart, they can hover over the cart and proceed to the Checkout section by clicking the Checkout button.

Handy Tips

Before accepting live payments, test the Buy Now, Mini Cart, and Checkout buttons to ensure the integration works as expected. In case of any queries, contact our
support team
.
Webhooks are auto-configured when you enter and save the API key ID and secret on the plugin settings page. You need to verify if webhooks are enabled on your
Razorpay Dashboard
. However, for versions lower than 3.5.0, you need to
configure webhooks manually
.

Disable the Test mode enabled in

Step 2

and click Save Settings to accept live payments.

Handy Tips

To disable Magic Checkout, refer to our

FAQs

Once you successfully integrate Magic Checkout with your WooCommerce website, you can choose to

configure your WooCommerce website

based on your requirement.

WooCommerce FAQs