> ## Documentation Index
> Fetch the complete documentation index at: https://razorpay-60c89f9a-mintlify-audit-missing-sections-1778528421.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Integrate Magic Checkout With WooCommerce Website

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

<Info>
  **Feature Request**

  This is an on-demand feature. Please raise a request with our [Support team](https://razorpay.com/support/#request) to get this feature activated on your Razorpay account.
</Info>

<Warning>
  **Watch Out!**

  If you are integrating with our plugin for the first time, refer to the [FAQs](/payments/magic-checkout/troubleshooting-faqs#woocommerce).
</Warning>

## Integration Steps

Follow the steps given below:

### 1. Enable Features on Razorpay Dashboard

To configure settings on Razorpay Dashboard:

1. Log in to the [WordPress account](https://wordpress.com/log-in) and navigate to **Settings** → **General**.

2. Copy the **WordPress Address** or **Site Address**.

3. Log in to the Razorpay Dashboard and navigate to **Magic Checkout**.

4. Select **WooCommerce** from the drop-down list. Paste the **WordPress Address** or **Site Address** in the **Domain hyperlink** field.

### 2. Enable Features on WordPress Dashboard

To configure settings on WordPress Dashboard:

1. Log in to your **WordPress account** and activate the **Razorpay plugin** in the WordPress Plugin Manager.
2. Log in to your **WooCommerce account**, navigate to **Settings** and click the **Payments** tab.
3. 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.

<Info>
  **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](https://razorpay.com/support/).
  * 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](/payments/magic-checkout/troubleshooting-faqs#4-how-can-i-verify-if-webhooks-are). However, for versions lower than 3.5.0, you need to [configure webhooks manually](/payments/magic-checkout/troubleshooting-faqs#3-my-webhooks-are-not-auto-configured-since-i).
</Info>

### 3. Accept Live Payments

Disable the Test mode enabled in [Step 2](https://razorpay.com/docs/payments/magic-checkout/woocommerce/#step-2-enable-features-on-wordpress-dashboard:~:text=use%20Native%20Checkout.-,Activate%20Test%20Mode,-%3A%20Enable%20Test%20mode) and click **Save Settings** to accept live payments.

<Info>
  **Handy Tips**

  To disable Magic Checkout, refer to our [FAQs](/payments/magic-checkout/troubleshooting-faqs#5-can-i-disable-magic-checkout).
</Info>

## Next Steps

## Next Steps

After successfully integrating your WooCommerce website with Magic Checkout, you can perform the following configurations on the Razorpay Dashboard to suit your business needs:

* [Cash on Delivery](/payments/magic-checkout/woocommerce/configuration#cash-on-delivery): Enable COD and configure rules for specific locations, products, and order amounts, catering to customer preferences and logistical needs to increase sales.
* [RTO](/payments/magic-checkout/woocommerce/configuration#rto): Use automated COD intelligence or manual review to decide whether to offer COD based on customer buying history, thus reducing RTO rates.
* [Convert COD Orders to Prepaid](/payments/magic-checkout/woocommerce/configuration#convert-cod-orders-to-prepaid): Encourage COD customers to switch to prepaid by offering discounts or incentives, reducing cash handling risks.
* [Shipping Options](/payments/magic-checkout/woocommerce/configuration#shipping-options): Set up shipping rates at the product, zone and method levels to optimise costs and improve delivery efficiency.
* [International Shipping](/payments/magic-checkout/woocommerce/configuration#international-shipping): Allow customers to enter international PIN codes, expanding your market reach globally.
* [Coupons](/payments/magic-checkout/woocommerce/configuration#coupons): Provide discounts via coupons to enhance engagement and reduce cart abandonment.
* [Google and Facebook Analytics](/payments/magic-checkout/woocommerce/configuration#google-and-facebook-analytics): Integrate Google and Facebook Analytics for insights into customer behaviour and optimised marketing strategies.

### Related Information

[Troubleshooting and FAQs](/payments/magic-checkout/troubleshooting-faqs#woocommerce)