Side Cart Setup
Configure the Side Cart experience for your Shopify store with theme colours, order instructions, message banners, gift cards, milestone, cross-sell and free gift widgets to increase average order value.
Side Cart is a fully customisable cart experience for your Shopify store, powered by Razorpay Magic Checkout. It opens when a customer clicks the cart button on your storefront. It appears one step before checkout, giving you a new space to surface offers, recommend products and nudge customers towards higher-value orders.
Side Cart helps you:
- Increase average order value (AOV): Milestone incentives, cross-sell recommendations, add-ons and free gifts encourage customers to add more items to their cart.
- Improve conversion rate: Customers can view available coupons, savings and delivery nudges before they reach checkout, reducing the drop-off between cart and checkout.
- Replace third-party cart plugins: Configure everything from the Razorpay Dashboard instead of relying on paid, third-party Shopify apps that may not integrate smoothly with Magic Checkout.
Watch Out!
Side Cart is available only for Shopify users.
Follow the steps given below to enable and configure Side Cart:
- Log in to the and navigate to Magic Checkout → Setup & Settings.
- Click Side Cart.
- Configure the and as required.
- Click Publish changes.
Handy Tips
- The first time you publish, you are prompted to select the Shopify theme on which Side Cart should be enabled. We recommend selecting a test theme first, previewing the experience yourself and then publishing it on your live theme.
- The Preview panel on the right updates in real time as you make changes. Use it to verify how your cart looks before you publish.
- The Publish changes button appears whenever you make an unsaved change. Your changes go live on the selected theme only after you publish.
You can configure the following:
Pick a theme colour that best reflects your brand. This colour is applied to key cart elements such as buttons and the message banner. The milestone progress indicator uses a lighter shade of the same colour.
- Under Basic settings, click Edit next to Cart theme colour.
- Select a colour using the colour picker or enter a hex code.
- Click Publish changes.
Handy Tips
If you do not configure a custom colour, the cart inherits the theme colour set in your Magic Checkout modal settings.
Allow your customers to add delivery notes or special requests before they proceed to checkout.
- Toggle on Order instructions.
- An Order instructions text box appears in the cart for customers to fill in.
- Click Publish changes.
Customers can use this field to communicate details such as gift wrap requests or specific delivery preferences.
Handy Tips
Order instructions are disabled by default. Customers can enter plain text only.
Allow customers who want to redeem a Shopify gift card to complete their purchase through the Shopify checkout flow.
- Toggle on Gift card.
- Click Publish changes.
When enabled, a Redeem gift card? check box appears in the cart. When a customer selects this and clicks Checkout, they are redirected to the Shopify checkout page instead of Magic Checkout to complete the payment.
Watch Out!
This setting is intended for businesses who accept gift card payments but are not on the Shopify Plus plan. Magic Checkout does not support gift card redemption for stores below the Shopify Plus plan, so these customers are routed to the Shopify checkout flow instead.
Display a promotional banner at the top of the cart to highlight offers, shipping thresholds or key information.
- Toggle on Message banner.
- In the Text on banner field, enter the message you want to display. You can include emojis.
- Click Publish changes.
The banner appears at the top of the side cart and is visible whenever the cart is open.
Handy Tips
The banner is disabled by default. Use it to surface time-sensitive promotions or free shipping thresholds directly in the cart.
Side Cart offers the following widgets that you can enable and configure to enrich the cart experience:
The Milestone Widget gamifies the cart experience by showing customers how close they are to unlocking a reward, such as free shipping, a free gift or a discount, based on their cart value or item quantity. This encourages customers to add more items, increasing your average order value (AOV).
Handy Tips
The Milestone Widget is an informational nudge only. It displays progress towards a reward but does not apply the reward itself. You must configure the actual reward separately, for example, set up free shipping in your shipping settings, configure a coupon for a discount or use the
for a free gift.To configure the Milestone Widget:
-
Under Widgets, click Configure next to Milestone widget.
-
Toggle on Milestone widget.
-
Select how milestones are measured:
- Cart Value: Milestones are triggered based on the total value of products in the cart.
- Cart Quantity: Milestones are triggered based on the number of items in the cart.
Watch Out!
You cannot use both types within the same milestone configuration.
-
For each milestone, configure the following:
-
Cart Value/Quantity: Enter the threshold at which the milestone is triggered. Each milestone value must be greater than the previous one.
-
Type: Select the type of reward to display from the drop-down list, for example, free gift, free shipping or discount.
-
Reward: Enter a short description of the reward, for example,
Free gift worth ₹300. -
Message: Enter the nudge message shown to the customer in the cart. You can use the remaining cart value or quantity as a variable in this message.
- Cart Value: If the milestone is set at ₹2099 with the reward Free gift worth ₹300 and the customer's cart value is ₹1500, you can enter the message as: Add products worth ₹599 more to get a free gift worth ₹300.
- Cart Quantity: If the milestone is set at 5 items with the reward 15% off and the customer has 3 items in their cart, you can enter the message as: Add 2 more products to get 15% off.
-
-
Click + Add Milestone to add another milestone.
-
Click Publish changes.
Handy Tips
- At least 1 milestone is required to enable the Milestone widget.
- You can configure up to 3 milestones. Once you add the third milestone, the option to add more is disabled.
- Milestone values must be configured in ascending order. For example, if Milestone 1 is set at ₹1000, Milestone 2 must be set at a value greater than ₹1,000.
- To remove a milestone, click Remove on the corresponding milestone.
The Cross-sell Widget recommends additional products in the cart as quick-add suggestions, helping customers discover complementary items and increasing your average order value.
To configure the Cross-sell Widget:
-
Under Widgets, click Configure next to Cross-sell widget.
-
Toggle on Cross-sell widget.
-
Enter a Title for the widget, for example,
You may also like. -
Select how recommended products are determined:
Let Shopify automatically recommend products based on your catalogue. No additional configuration is required.
Click Customize to create your own recommendation rules. For each rule:
- Set the pre-conditions that determine when the rule applies. You can set conditions based on:
- Cart state: For example, show the recommendation only when the cart value is above ₹1000 or when the cart contains at least 5 items.
- Products in the cart: For example, recommend a tie when the cart contains a shirt or recommend a belt when the cart contains trousers.
- Select the products you want to recommend when the pre-conditions are met.
- Add more rules as required. Recommendations are evaluated against the cart and shown based on the matching rule.
Handy Tips
You can create multiple such rules. Each rule currently supports up to 3 recommended products. The widget is horizontally scrollable when multiple products are recommended.
- Set the pre-conditions that determine when the rule applies. You can set conditions based on:
-
Click Publish changes.
The Coupons Widget displays your active coupons directly in the cart, so customers can see the discounts available to them before they reach checkout.
- Under Widgets, toggle on Coupons.
- Click Coupons to open the coupon settings and configure which coupons are shown, active or deactivated.
- Click Publish changes.
Handy Tips
The Coupons Widget is only an entry point to your existing Magic Checkout coupon settings. The coupons shown in the cart are the same ones you configure in the Coupons tab. To create and manage coupons, see
.The Free Gift Widget lets you reward customers with a free or nominally priced gift when their cart meets a defined value or quantity. Unlike the Milestone Widget, this widget enforces the reward by adding the gift to the cart.
To configure the Free Gift Widget:
- Under Widgets, click Configure next to Free gift (freebies).
- Create a rule and select how it is triggered:
- Cart Value: The gift is unlocked when the cart value reaches the configured threshold, for example, ₹4000.
- Cart Quantity: The gift is unlocked when the cart contains the configured number of items.
- Select the gift products to offer:
- Select a single product to add it automatically when the customer becomes eligible.
- Select up to 3 products to let the customer choose one of them as their free gift.
- Set the price of the gift:
- Free: Offer the product at zero value.
- Fixed price: Charge a small nominal amount, for example, ₹1 or ₹10. Many merchants prefer this option because a product added at absolute zero value is not tax-friendly.
- Add more rules as required. You can create up to 3 rules.
- Click Publish changes.
Handy Tips
- You can create up to 3 rules, including overlapping ones. For example, if you set one rule at ₹4,000 and another at ₹6,000, a customer with a cart value of ₹7,000 becomes eligible for both gifts.
- A gift unlocked by one rule is offered independently of any other rule the customer qualifies for.
The Add-Ons Widget lets you offer supplementary products, such as gift wrap or a low-cost complementary item, that customers can add to their order in one click. Unlike cross-sell recommendations, the Add-Ons Widget is sticky and remains visible in the cart at all times.
You can offer add-ons at two levels:
- Item add-on: The add-on is tied to a specific product in the cart. For example, offer gift wrap for a particular item.
- Order add-on: The add-on applies to the entire order. For example, offer a low-cost product, such as a sunscreen, that customers can add to any order.
To configure the Add-Ons Widget:
- Under Widgets, click Configure next to Add-ons.
- Toggle on Add-ons.
- Select the add-on level: Item or Order.
- Select the products you want to offer as add-ons.
- Click Publish changes.
Handy Tips
You can set an add-on to be pre-selected, so it appears checked by default when the cart opens. Customers can uncheck it if they do not want it.
Was this page helpful?