Cart slider widget customization

Written by Support
Updated 3 weeks ago

The Cart Slider Reward Widget lets customers see how many reward points they’ll earn (or redeem) directly inside the cart drawer/slider before checkout. This helps increase conversions by showing value instantly.

Steps:

Step 1 — Navigate to Branding Settings

  • On the left sidebar, go to Branding under Settings & Customization.

  • Select Reward widgets, click on setup widget .

Step 2 — Navigate the cart slider reward

  • From the Loyalty & Rewards Widgets page, 

  • Find the cart slider reward and click on customize.

Step 3 — Content Settings
You can edit the text displayed in the cart:

  • Order point in cart (Logged in) → Customize the message for logged-in users.
    Example: “You will earn {{points}} rewards points on this order.”

  • Order point in cart (Logged out) → Message for guests.
    Example: “Login to see your rewards.”

Step 4 — Button Settings

  • Button Color → Set the text/icon color.

  • Button Background Color → Choose background color to match your theme.

  • Set Button Radius → Adjust the roundness of the button (e.g., square, rounded, or pill-shaped).

Step 5 — Live Preview
On the right side, you’ll see how it looks on your store’s cart drawer.
Example shown in preview:

  • “You will earn 2820 rewards points on this order.”

  • Apply coupon button (e.g., “Get 50% off on 500” with code).

  • Redemption option (e.g., Every 10 points = INR 1.00 off).

Step 6 — Save Changes

Once satisfied, click Save to publish the updated widget on your store’s cart slider/drawer.

Did this answer your question?