The footer is where shoppers see their total, savings, and the full order breakdown before hitting checkout. The primary button is the last thing they tap. Together, these two elements carry enormous conversion weight — and both are fully customisable to match your brand.

Showing savings clearly in the footer increases checkout completion by 12–18%, and a checkout button that looks like your brand reduces the final-tap hesitation that causes last-minute abandonment — particularly on mobile, where the majority of Indian shoppers complete their purchases.

→ Open Flo Cart Core Setup

The footer displays the full order breakdown — Total MRP, Delivery Fee, Discounts, Grand Total, and a "You saved ₹X" callout. Go to Flo Cart → Core Setup and click on Footer in the right panel to expand its settings.

— Background: The background colour of the footer area.

— Text: The colour of all line-item labels and values (Total MRP, Delivery Fee, Grand Total, etc.).

— Savings: The colour of the savings callout — e.g., "You saved ₹500 (14%) so far!" Use a brand accent colour (green, teal, orange) to make the saving feel celebratory rather than neutral.

The primary button (your Checkout CTA) is the most important tappable element in the cart. Click on Primary Button in the right panel to expand its settings.

— Background: The button fill colour. Use your strongest brand colour — the same one you use for primary CTAs across your site.

— Text: The label colour on the button.

— Border radius: Controls how rounded the button corners are. A higher value creates a pill-shaped button; a lower value gives a sharper rectangle. Match this to your brand's design system.

— CTA Label: The text displayed on the button (up to 30 characters). The default is "Checkout" — you can change this to match your brand voice, e.g., "Proceed to Pay" or "Complete My Order."

— Highlight UPI icons: Toggle this on to display UPI payment icons (PhonePe, Google Pay, Paytm, etc.) alongside the checkout button. This reassures shoppers that UPI is available before they tap, reducing drop-off at the payment step — especially for first-time buyers.

Click Save after making your changes.

Make your savings callout impossible to miss. Use a distinct accent colour — green, orange, or your brand's highlight — that is clearly different from your standard text colour. Brands that make savings visually prominent see 12–18% higher checkout completion. The "You saved ₹X (Y%)" format works better than rupees alone — the percentage makes the deal feel bigger and more tangible.

Match the checkout button to your PDP "Add to Cart" button. Shoppers have already clicked one trusted, familiar button to get here. Using the exact same colour on your checkout CTA reduces the mental effort of the final tap. Changing the colour introduces unnecessary doubt.

Use rounded corners on the button. Slightly rounded buttons (8–12px radius) perform better than sharp rectangles on mobile — they feel friendlier and more tappable. Pill-shaped buttons (high radius) work well for lifestyle and fashion brands; sharper buttons suit premium or technical brands.

Turn on UPI icons. For Indian D2C brands, showing UPI icons (PhonePe, Google Pay, Paytm) on the checkout button reduces payment-step drop-off by 5–8% — particularly for first-time buyers who want to confirm their preferred method is available before committing.

→ How to Customise Your Flo Cart — full cart customisation overview

Need help? Reach out to us at support@shopflo.com