Integrate Magic Checkout With WooCommerce Website
Steps to integrate Magic Checkout on your WooCommerce Website.
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 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
.Follow the steps given below:
To configure settings on Razorpay Dashboard:
- Log in to the and navigate to Settings → General.
- Copy the WordPress Address or Site Address.
- Log in to the and navigate to Magic Checkout → Setup & Settings → Platform Setup.
- 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.
- Activate Magic Checkout: Enable Magic Checkout to start displaying Magic Checkout instead of Native Checkout. Disable it to use Native Checkout.
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 .
- 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 . However, for versions lower than 3.5.0, you need to .
Handy Tips
To disable Magic Checkout, refer to our
.Once you successfully integrate Magic Checkout with your WooCommerce website, you can choose to
based on your requirement.After successfully integrating your WooCommerce website with Magic Checkout, you can perform the following configurations on the Razorpay Dashboard to suit your business needs:
- : Enable COD and configure rules for specific locations, products, and order amounts, catering to customer preferences and logistical needs to increase sales.
- : Use automated COD intelligence or manual review to decide whether to offer COD based on customer buying history, thus reducing RTO rates.
- : Encourage COD customers to switch to prepaid by offering discounts or incentives, reducing cash handling risks.
- : Set up shipping rates at the product, zone and method levels to optimise costs and improve delivery efficiency.
- : Allow customers to enter international PIN codes, expanding your market reach globally.
- : Provide discounts via coupons to enhance engagement and reduce cart abandonment.
- : Integrate Google and Facebook Analytics for insights into customer behaviour and optimised marketing strategies.
Was this page helpful?
integrate magic checkout
woocommerce integration
integration steps
accept payments