Integrate Razorpay Magic Checkout With WooCommerce Website

WooCommerce Integration Changelog

Discover new features, updates and deprecations related to the WooCommerce Integration with Magic Checkout (since Jan 2024).

Troubleshooting & FAQs

Troubleshoot common error scenarios and find answers to frequently asked questions about WooCommerce Integration.

Follow the steps given below to integrate Razorpay 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.

Troubleshooting and FAQs