This integration enables merchants to offer a faster, smarter, and conversion-focused checkout process powered by Razorpay Magic Checkout.<\/p>\n\n\n\n
The add-on simplifies the purchasing journey by reducing the number of checkout steps, allowing customers to complete orders quickly using their preferred payment methods.<\/p>\n\n\n\n
With support for secure address saving, one-click checkout experiences, coupon application, prepaid and Cash on Delivery (COD) payments.<\/p>\n\n\n\n
This integration helps improve customer convenience while increasing order completion rates. fast and frictionless checkout experience<\/p>\n\n\n\n
Features<\/h2>\n\n\n\n\n- Enable Razorpay Magic Checkout<\/strong> on your CS-Cart store.<\/li>\n\n\n\n
- Provide a faster and frictionless checkout experience<\/strong> for customers.<\/li>\n\n\n\n
- Support One-Click Checkout<\/strong> to reduce the number of checkout steps.<\/li>\n\n\n\n
- Automatically fetch and populate customer address and contact details<\/strong>.<\/li>\n\n\n\n
- Accept payments through UPI, Credit Cards, Debit Cards, Net Banking, Wallets, EMI, and Pay Later<\/strong> options.<\/li>\n\n\n\n
- Support Cash on Delivery (COD)<\/strong> payment method.<\/li>\n\n\n\n
- Allow customers to apply coupons and discount offers<\/strong> during checkout.<\/li>\n\n\n\n
- Improve checkout conversion rates<\/strong> by simplifying the purchase process.<\/li>\n\n\n\n
- Reduce cart abandonment<\/strong> with an optimized checkout flow.<\/li>\n\n\n\n
- Offer a fully mobile-responsive checkout experience<\/strong> across all devices.<\/li>\n\n\n\n
- Process transactions through Razorpay’s secure payment gateway<\/strong>.<\/li>\n\n\n\n
- Synchronize orders and payment status<\/strong> automatically with the CS-Cart store.<\/li>\n\n\n\n
- Support both guest checkout<\/strong> and registered customer checkout.<\/li>\n\n\n\n
- Eliminate unnecessary checkout fields for a quicker order placement process<\/strong>.<\/li>\n\n\n\n
- Enhance the overall customer shopping experience<\/strong> with a modern checkout interface.<\/li>\n\n\n\n
- Easily configure and manage the integration from the CS-Cart administration panel<\/strong>.<\/li>\n\n\n\n
- Ensure real-time payment verification<\/strong> for successful transactions.<\/li>\n\n\n\n
- Increase the likelihood of successful order completion<\/strong> through a streamlined checkout journey.<\/li>\n<\/ul>\n\n\n\n\n
Installation<\/h3>\n<\/div><\/div>\n\n\n\n
To install the CS-Cart Razorpay Magic Checkout Add-on<\/strong>, first download the add-on package. After installing add-on, you\u2019ll get one zip file, one install.txt file, and a relevant User Guide manual doc<\/p>\n\n\n\nNavigate to Add-ons \u2192 Manage Add-ons<\/strong> from the CS-Cart administration panel and click on Manual Installation<\/strong>. <\/p>\n\n\n\n![\"a-addon-install\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/a-addon-install-1200x943.webp\")
<\/figure>\n\n\n\nUpload the add-on ZIP file and click Upload & Install<\/strong> to begin the installation process. <\/p>\n\n\n\nAfter activation, go to the add-on configuration settings and enter your Razorpay Key ID<\/strong> and Key Secret<\/strong>. Configure the required checkout settings and save the configuration.<\/p>\n\n\n\n![\"b-intall-page\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/b-intall-page-1200x943.webp\")
<\/figure>\n\n\n\nThe Razorpay Magic Checkout<\/strong> option will now be available on your storefront, allowing customers to enjoy a faster and more streamlined checkout experience.<\/p>\n\n\n\n![\"c-after-installation\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/c-after-installation-1-1200x943.webp\")
<\/figure>\n\n\n\n\nAdd-on Configuration<\/h3>\n<\/div><\/div>\n\n\n\n
After installing the add-on, navigate to the Razorpay Magic Checkout<\/strong> configuration page and configure the following settings:<\/p>\n\n\n\n![\"a-addon-config\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/a-addon-config-1200x943.webp\")
<\/figure>\n\n\n\nKey ID<\/h3>\n\n\n\n
Enter the Razorpay API Key ID<\/strong> obtained from your Razorpay Dashboard.<\/p>\n\n\n\nKey Secret<\/h3>\n\n\n\n
Enter the Razorpay API Key Secret<\/strong> obtained from your Razorpay Dashboard.<\/p>\n\n\n\nShow Coupons<\/h3>\n\n\n\n
Enable this option to display the coupon widget<\/strong> within the Magic Checkout interface.<\/p>\n\n\n\nAuto Coupon Code<\/h3>\n\n\n\n
Enter a valid coupon code<\/strong> that will be automatically applied when customers open Magic Checkout.<\/p>\n\n\n\nUse Callback Redirect<\/h3>\n\n\n\n
Enable this option to redirect customers to the configured callback URL<\/strong> after payment completion.<\/p>\n\n\n\nEnable Promotional Tag<\/h3>\n\n\n\n
Check this setting to display promotional tags<\/strong> for order items during checkout.<\/p>\n\n\n\nTheme Color<\/h3>\n\n\n\n
Select the primary checkout color using the color picker. This color will be applied to checkout buttons and highlights.<\/p>\n\n\n\n
Backdrop Color<\/h3>\n\n\n\n
Select the checkout background color using the color picker.<\/p>\n\n\n\n![\"e-addon-configuration\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/e-addon-configuration-1200x943.webp\")
<\/figure>\n\n\n\nTimeout (Seconds)<\/h3>\n\n\n\n
Define the checkout session timeout duration in seconds<\/strong>. Enter 0<\/strong> to use the default Razorpay timeout behavior.<\/p>\n\n\n\nCOD Enabled in Shipping API<\/h3>\n\n\n\n
Enable this option to include Cash on Delivery (COD)<\/strong> as an available payment method in the shipping API response.<\/p>\n\n\n\nShipping Fee<\/h3>\n\n\n\n
Enter the shipping charge<\/strong> to be applied in the store’s primary currency.<\/p>\n\n\n\nCOD Fee<\/h3>\n\n\n\n
Enter the additional Cash on Delivery fee<\/strong> to be charged in the store’s primary currency.<\/p>\n\n\n\nEnable Analytics Event Capture<\/h3>\n\n\n\n
Enable this setting to capture Magic Checkout analytics events<\/strong> and store them in the server session for tracking purposes.<\/p>\n\n\n\nReadonly Contact<\/h3>\n\n\n\n
Prevent customers from modifying the prefilled contact number<\/strong> during checkout.<\/p>\n\n\n\nReadonly Email<\/h3>\n\n\n\n
Prevent customers from modifying the prefilled email address<\/strong> during checkout.<\/p>\n\n\n\nReadonly Name<\/h3>\n\n\n\n
Prevent customers from modifying the prefilled customer name<\/strong> during checkout.<\/p>\n\n\n\nRetry Enabled<\/h3>\n\n\n\n
Allow customers to retry failed payments<\/strong> without restarting the checkout process.<\/p>\n\n\n\n![\"f-addon-configuration\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/f-addon-configuration-1200x785.webp\")
<\/figure>\n\n\n\nConfirm Close Modal<\/h3>\n\n\n\n
Display a confirmation prompt when customers attempt to close the checkout window before completing payment.<\/p>\n\n\n\n
Checkout Language<\/h3>\n\n\n\n
Specify the checkout language code, such as en<\/strong>, hi<\/strong>, ta<\/strong>, or te<\/strong>, to display the checkout interface in the selected language.<\/p>\n\n\n\nCheckout Description<\/h3>\n\n\n\n
Enter the business description<\/strong> or order description<\/strong> that will be displayed to customers during checkout.<\/p>\n\n\n\nWebhook Secret<\/h3>\n\n\n\n
Enter the Webhook Secret<\/strong> configured in your Razorpay Dashboard to verify webhook signatures securely.<\/p>\n\n\n\nWebhook URL<\/h3>\n\n\n\n
Copy the generated Webhook URL<\/strong> and configure it as a webhook endpoint in your Razorpay Dashboard.<\/p>\n\n\n\nOrder Status on Successful Payment<\/h3>\n\n\n\n
Select the order status<\/strong> that will be assigned automatically after successful payment verification.<\/p>\n\n\n\nOrder Status on Failed Payment<\/h3>\n\n\n\n
Select the order status<\/strong> that will be assigned when a payment attempt fails.<\/p>\n\n\n\n\nFrontend Workflow<\/h3>\n<\/div><\/div>\n\n\n\n
Once the CS-Cart Razorpay Magic Checkout Add-on<\/strong> is configured, customers can access the Magic Checkout option from multiple locations within the storefront. <\/p>\n\n\n\nAllowing them to complete purchases quickly and securely.<\/p>\n\n\n\n
Magic Checkout on Homepage<\/h3>\n\n\n\n
Customers can initiate the checkout process directly from the homepage using the Magic Checkout<\/strong> button. <\/p>\n\n\n\n![\"g-homepage\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/g-homepage-1170x1024.webp\")
<\/figure>\n\n\n\nThis provides a convenient way to proceed with their purchase without navigating through multiple checkout steps.<\/p>\n\n\n\n
Magic Checkout on Product Page<\/h3>\n\n\n\n
When viewing a product, customers can click the Magic Checkout<\/strong> button available on the product page to proceed directly to the Razorpay Magic Checkout flow.<\/p>\n\n\n\n![\"h-product-page\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/h-product-page-1200x943.webp\")
<\/figure>\n\n\n\nMagic Checkout on Cart Page<\/h3>\n\n\n\n
After adding products to the cart, customers can use the Magic Checkout<\/strong> button available on the cart page to begin the payment process using Razorpay Magic Checkout.<\/p>\n\n\n\n![\"i-cart-page\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/i-cart-page-1200x943.webp\")
<\/figure>\n\n\n\nMagic Checkout on Checkout Page<\/h3>\n\n\n\n
The add-on also provides the Magic Checkout<\/strong> option on the standard checkout page. <\/p>\n\n\n\nCustomers can select this option to complete their order using Razorpay’s optimized checkout experience.<\/p>\n\n\n\n![\"last-checkout-page\"](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2026\/06\/last-checkout-page-574x1024.webp\")
<\/figure>\n\n\n\nComplete Purchase Using Razorpay Magic Checkout<\/h3>\n\n\n\n
Upon clicking the Magic Checkout button from any supported location, customers can review their order details. <\/p>\n\n\n\n
Select their preferred payment method, apply available coupons (if enabled), and complete the payment securely through Razorpay Magic Checkout.<\/p>\n\n\n\n
Support
If you have any questions, suggestions, or customization requests, feel free to contact us at\u00a0support@webkul.com<\/a>\u00a0or submit a ticket at\u00a0webkul.uvdesk.com.<\/a><\/h3>\n\n\n\nExplore our premium-quality CS Cart Extensions<\/a> to enhance your store functionality.<\/p>\n\n\n\nYou can also explore our CS-Cart Development Services<\/a> and Quality CS-Cart add-ons<\/a>.<\/p>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
Installation<\/h3>\n<\/div><\/div>\n\n\n\n
To install the CS-Cart Razorpay Magic Checkout Add-on<\/strong>, first download the add-on package. After installing add-on, you\u2019ll get one zip file, one install.txt file, and a relevant User Guide manual doc<\/p>\n\n\n\n Navigate to Add-ons \u2192 Manage Add-ons<\/strong> from the CS-Cart administration panel and click on Manual Installation<\/strong>. <\/p>\n\n\n\n Upload the add-on ZIP file and click Upload & Install<\/strong> to begin the installation process. <\/p>\n\n\n\n After activation, go to the add-on configuration settings and enter your Razorpay Key ID<\/strong> and Key Secret<\/strong>. Configure the required checkout settings and save the configuration.<\/p>\n\n\n\n The Razorpay Magic Checkout<\/strong> option will now be available on your storefront, allowing customers to enjoy a faster and more streamlined checkout experience.<\/p>\n\n\n\n After installing the add-on, navigate to the Razorpay Magic Checkout<\/strong> configuration page and configure the following settings:<\/p>\n\n\n\n Enter the Razorpay API Key ID<\/strong> obtained from your Razorpay Dashboard.<\/p>\n\n\n\n Enter the Razorpay API Key Secret<\/strong> obtained from your Razorpay Dashboard.<\/p>\n\n\n\n Enable this option to display the coupon widget<\/strong> within the Magic Checkout interface.<\/p>\n\n\n\n Enter a valid coupon code<\/strong> that will be automatically applied when customers open Magic Checkout.<\/p>\n\n\n\n Enable this option to redirect customers to the configured callback URL<\/strong> after payment completion.<\/p>\n\n\n\n Check this setting to display promotional tags<\/strong> for order items during checkout.<\/p>\n\n\n\n Select the primary checkout color using the color picker. This color will be applied to checkout buttons and highlights.<\/p>\n\n\n\n Select the checkout background color using the color picker.<\/p>\n\n\n\n Define the checkout session timeout duration in seconds<\/strong>. Enter 0<\/strong> to use the default Razorpay timeout behavior.<\/p>\n\n\n\n Enable this option to include Cash on Delivery (COD)<\/strong> as an available payment method in the shipping API response.<\/p>\n\n\n\n Enter the shipping charge<\/strong> to be applied in the store’s primary currency.<\/p>\n\n\n\n Enter the additional Cash on Delivery fee<\/strong> to be charged in the store’s primary currency.<\/p>\n\n\n\n Enable this setting to capture Magic Checkout analytics events<\/strong> and store them in the server session for tracking purposes.<\/p>\n\n\n\n Prevent customers from modifying the prefilled contact number<\/strong> during checkout.<\/p>\n\n\n\n Prevent customers from modifying the prefilled email address<\/strong> during checkout.<\/p>\n\n\n\n Prevent customers from modifying the prefilled customer name<\/strong> during checkout.<\/p>\n\n\n\n Allow customers to retry failed payments<\/strong> without restarting the checkout process.<\/p>\n\n\n\n Display a confirmation prompt when customers attempt to close the checkout window before completing payment.<\/p>\n\n\n\n Specify the checkout language code, such as en<\/strong>, hi<\/strong>, ta<\/strong>, or te<\/strong>, to display the checkout interface in the selected language.<\/p>\n\n\n\n Enter the business description<\/strong> or order description<\/strong> that will be displayed to customers during checkout.<\/p>\n\n\n\n Enter the Webhook Secret<\/strong> configured in your Razorpay Dashboard to verify webhook signatures securely.<\/p>\n\n\n\n Copy the generated Webhook URL<\/strong> and configure it as a webhook endpoint in your Razorpay Dashboard.<\/p>\n\n\n\n Select the order status<\/strong> that will be assigned automatically after successful payment verification.<\/p>\n\n\n\n Select the order status<\/strong> that will be assigned when a payment attempt fails.<\/p>\n\n\n\n Once the CS-Cart Razorpay Magic Checkout Add-on<\/strong> is configured, customers can access the Magic Checkout option from multiple locations within the storefront. <\/p>\n\n\n\n Allowing them to complete purchases quickly and securely.<\/p>\n\n\n\n Customers can initiate the checkout process directly from the homepage using the Magic Checkout<\/strong> button. <\/p>\n\n\n\n This provides a convenient way to proceed with their purchase without navigating through multiple checkout steps.<\/p>\n\n\n\n When viewing a product, customers can click the Magic Checkout<\/strong> button available on the product page to proceed directly to the Razorpay Magic Checkout flow.<\/p>\n\n\n\n After adding products to the cart, customers can use the Magic Checkout<\/strong> button available on the cart page to begin the payment process using Razorpay Magic Checkout.<\/p>\n\n\n\n The add-on also provides the Magic Checkout<\/strong> option on the standard checkout page. <\/p>\n\n\n\n Customers can select this option to complete their order using Razorpay’s optimized checkout experience.<\/p>\n\n\n\n Upon clicking the Magic Checkout button from any supported location, customers can review their order details. <\/p>\n\n\n\n Select their preferred payment method, apply available coupons (if enabled), and complete the payment securely through Razorpay Magic Checkout.<\/p>\n\n\n\n Explore our premium-quality CS Cart Extensions<\/a> to enhance your store functionality.<\/p>\n\n\n\n You can also explore our CS-Cart Development Services<\/a> and Quality CS-Cart add-ons<\/a>.<\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":"<\/figure>\n\n\n\n<\/figure>\n\n\n\n<\/figure>\n\n\n\nAdd-on Configuration<\/h3>\n<\/div><\/div>\n\n\n\n
<\/figure>\n\n\n\nKey ID<\/h3>\n\n\n\n
Key Secret<\/h3>\n\n\n\n
Show Coupons<\/h3>\n\n\n\n
Auto Coupon Code<\/h3>\n\n\n\n
Use Callback Redirect<\/h3>\n\n\n\n
Enable Promotional Tag<\/h3>\n\n\n\n
Theme Color<\/h3>\n\n\n\n
Backdrop Color<\/h3>\n\n\n\n
<\/figure>\n\n\n\nTimeout (Seconds)<\/h3>\n\n\n\n
COD Enabled in Shipping API<\/h3>\n\n\n\n
Shipping Fee<\/h3>\n\n\n\n
COD Fee<\/h3>\n\n\n\n
Enable Analytics Event Capture<\/h3>\n\n\n\n
Readonly Contact<\/h3>\n\n\n\n
Readonly Email<\/h3>\n\n\n\n
Readonly Name<\/h3>\n\n\n\n
Retry Enabled<\/h3>\n\n\n\n
<\/figure>\n\n\n\nConfirm Close Modal<\/h3>\n\n\n\n
Checkout Language<\/h3>\n\n\n\n
Checkout Description<\/h3>\n\n\n\n
Webhook Secret<\/h3>\n\n\n\n
Webhook URL<\/h3>\n\n\n\n
Order Status on Successful Payment<\/h3>\n\n\n\n
Order Status on Failed Payment<\/h3>\n\n\n\n
Frontend Workflow<\/h3>\n<\/div><\/div>\n\n\n\n
Magic Checkout on Homepage<\/h3>\n\n\n\n
<\/figure>\n\n\n\nMagic Checkout on Product Page<\/h3>\n\n\n\n
<\/figure>\n\n\n\nMagic Checkout on Cart Page<\/h3>\n\n\n\n
<\/figure>\n\n\n\nMagic Checkout on Checkout Page<\/h3>\n\n\n\n
<\/figure>\n\n\n\nComplete Purchase Using Razorpay Magic Checkout<\/h3>\n\n\n\n
Support
If you have any questions, suggestions, or customization requests, feel free to contact us at\u00a0support@webkul.com<\/a>\u00a0or submit a ticket at\u00a0webkul.uvdesk.com.<\/a><\/h3>\n\n\n\n