Integrate Magic Checkout With Shopify Store
Steps to integrate Magic Checkout on your Shopify Store.
Follow the steps given below to integrate Razorpay Magic Checkout with your Shopify Store.
Fill in the
and share the following details:- Email address
- Mobile number
- Razorpay MID: You can find your MID on the top right corner of the .
- Razorpay API keys: Generate the from the by navigating to Account & Settings → Website and app settings → API keys.
- If you are a Shopify Native user
- If you offer COD
- 4 digit-Shopify collaborator code:
- Log in to the using your admin credentials.
- Navigate to Settings → User and permissions.
- Scroll down to the Collaborators section and copy the Collaborator Request Code.
- Test Shopify theme name: Magic Checkout will be enabled on this test theme; you can then publish this on your live theme post-integration.
Handy Tips
Once you share the above details, it takes a maximum of 48 working hours to enable the feature on your account.
Follow the steps given below:
- Log in to the and navigate to Products.
- Select all the products and click Include in sales channels.
- Select the Magic Checkout check box and click Include products.
- Navigate to Settings → Taxes and duties.
- Scroll down to the Global settings section and select the Include sales tax in product price and shipping rate check box. Click Save.
- In the Settings section, navigate to Checkout.
- Scroll down to the Order status page additional scripts section and add the following code in the Additional scripts section:
<script>if (((document.getElementById("phone") && document.getElementById("phone").value) || (document.getElementById("email") && document.getElementById("email").value)) && document.getElementById("order_number") && document.getElementById("order_number").value) {document.querySelector('form > div.section__content > div > button.btn').click();}</script>
Watch Out!
After customers place their order, they are redirected to an order status page confirming the order placement. Shopify adds two fields and a login button for extra security:
- Phone number or Email
- Order number
The above details are prefilled; customers only need to click the login button to view their address, order, and payment confirmation. If the script mentioned above is added, this login will be automated.
For some users on the Shopify basic plan, the Additional Scripts tab is disabled. In this case, customers must manually click the login button.
- Log in to the .
- Navigate to Account & Settings.
- In the Checkout settings section, you can customise the checkout style and features based on your requirement.
After successfully integrating your Shopify 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.
- : Enable customers to pay a partial order amount online and use cash on delivery for the remaining balance to reduce order cancellation risk.
- : 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.
- : Create prepaid offers that appear on the Magic Checkout payment page, boosting conversions and average order value.
- : Integrate Google Analytics for insights into customer behaviour and optimised marketing strategies.
- : Integrate Google Ads to attract more visitors and increase sales.
- : Integrate Facebook Ads to expand your reach and drive traffic to your store.
- : Enable gift card settings to allow multiple gift cards or restrict their combination with coupons or COD, boosting sales through gift purchases.
Watch Out!
Once the integration is successful:
- Updates regarding conversions will only be visible in the tab on the Razorpay Dashboard and not in Shopify Analytics.
- You can edit order details like size, colour, and more on the Razorpay Dashboard using the Action tab.
Handy Tips
If you have any queries or are facing issues with the integration, write to us at
.Was this page helpful?