Share the checklist:
0/50
Articles on the topic of cart abandonment: How to Reduce Abandoned Carts Checkout UX: Why 70% of Carts Still Get Abandoned Exit-Intent Popups That Save Sales Improve E-commerce Checkout UX with Heatmaps

💸 Hidden Costs & Price Transparency

  • Show the Full Price, Taxes and Fees Included, Before Checkout

    In Baymard Institute's long-running surveys, unexpected extra costs are the #1 reason shoppers abandon checkout. The rule is simple: the total must never grow after the shopper commits.

    • Show taxes, handling, service, and payment fees on the cart page, not on the last step.
    • If a fee is mandatory for everyone, build it into the product price instead of adding it later.
    • Drip pricing is increasingly regulated (e.g., the UK DMCC Act and the US FTC junk-fees rule for tickets and lodging), so hidden fees are now a legal risk as well as a conversion one.
    Baymard: Cart Abandonment Research
  • Add a Shipping Cost Estimator to the Cart Page
    Let shoppers see the shipping price before they start checkout: detect the country automatically, or ask for a ZIP/postcode in one field and show the cheapest option. "Calculated at next step" pushes people into checkout just to find out the price, and many leave the moment they see it. If shipping is free, write "FREE" in the order summary instead of hiding the line.
  • Display a Free-Shipping Progress Bar
    "You're $12 away from free shipping" turns a cost objection into a reason to add one more item. Place the bar in the mini-cart and on the cart page, update it live when quantities change, and suggest 2–3 affordable products that close the gap. When the threshold is reached, confirm it ("You've unlocked free shipping!") so shoppers don't wonder whether it applied.
  • Localize Currency, Duties, and Import Taxes for International Shoppers
    Cross-border buyers abandon, or refuse the parcel, when a courier asks them to pay duties on delivery. Show prices in the local currency, state clearly whether duties are included (DDP) or paid on arrival (DAP), and calculate them before payment. If you don't ship to a country, say so on the product page, not after the shopper has typed their address.
  • Keep a Persistent Order Summary on Every Checkout Step
    Show items, thumbnails, quantities, shipping, taxes, discounts, and the total in a sticky sidebar on desktop and a collapsible "Show order summary · $X" bar on mobile. Shoppers who can't see what they're paying for go back to the cart to check, and some never come back. Every change (shipping method, coupon) should update the total instantly.
  • Stop the Coupon Field From Sending Shoppers to Google
    A big empty "Promo code" box tells shoppers someone else is paying less, so they leave to hunt for codes and often don't return. Collapse it into a small "Have a discount code?" link, apply active promotions automatically or through a URL, and show the amount saved clearly. If session recordings show shoppers clicking the empty field and then leaving, the field is costing you orders.

🛒 Cart Page UX

  • Confirm "Add to Cart" With a Clear Mini-Cart or Drawer
    After clicking Add to Cart, shoppers need instant proof it worked. Use a slide-out drawer or mini-cart that shows the item, variant, price, and subtotal, with two buttons: "Checkout" and "Continue shopping". A silent change in the cart-icon counter is easy to miss and leads to duplicate adds or confusion. Only redirect straight to the cart page if your data shows most orders are single-item.
  • Show Clear Line Items and Let Shoppers Edit Them In Place
    Each cart line needs a thumbnail, product name, selected size/color, unit price, and line total. Let shoppers change quantity, swap a variant, or remove an item without leaving the cart and without a full page reload. Make "Remove" undoable ("Item removed · Undo"), because accidental taps on mobile are common.
  • Make "Proceed to Checkout" the One Dominant Button
    Use one high-contrast primary button that is visible above the fold, repeated below long carts, and sticky on mobile. Secondary actions (continue shopping, update cart, save for later) should look secondary. A click map shows in minutes whether clicks go to the checkout button or leak to logos, links, and banners. Plerdy Heatmaps
  • Save Carts Across Sessions and Devices
    Many shoppers use the cart as a wishlist and come back later, often on a different device. Keep guest carts for at least 30 days and sync carts for logged-in customers across devices. If a product sold out or changed price in the meantime, show a clear notice instead of silently removing it.
  • Show Stock and Urgency Honestly
    Real low-stock warnings ("Only 3 left") and real deadlines ("Order within 2h 14m for delivery on Friday") help shoppers decide. Countdown timers that reset on reload and invented "12 people are viewing this" messages destroy trust once noticed, and EU and UK consumer regulators treat them as dark patterns. Use scarcity only when it's true.
  • Offer Cross-Sells That Help, Not Distract
    Recommend 1–3 low-cost, relevant add-ons (batteries, cases, refills, care kits) that can be added in one click without leaving the cart. Avoid pop-ups that cover the checkout button or push more expensive alternatives at the last moment. Track whether the widget raises average order value without lowering checkout starts; if it costs conversions, remove it.

🚚 Shipping, Delivery & Returns

  • Promise a Delivery Date, Not "3–7 Business Days"
    "Get it by Friday, Sep 18" is concrete and calms delivery anxiety, while business-day ranges make shoppers do the math. Calculate dates from your order cut-off time and carrier transit times, then show them on the product page, in the cart, and on the shipping step. Keep promises realistic, because a missed date costs you the repeat order.
  • Offer Several Delivery Speeds With Clear Prices
    Give shoppers a cheapest (or free) option, a standard option, and an express option, each with its price and arrival date. Preselect the option most customers choose, usually the cheapest, and make it obvious what changes when they switch. Slow delivery and a lack of choice come up again and again in abandonment surveys.
  • Add Store Pickup, Parcel Lockers, and Pickup Points
    Click-and-collect and parcel lockers are cheaper for the shopper and remove the "I won't be home" worry. Show a map or list of nearby points with opening hours and a ready-by time. In many European markets pickup points are the expected default, and leaving them out is a quiet conversion leak.
  • Set Your Free-Shipping Threshold From Real AOV Data
    A threshold about 15–30% above your current average order value nudges bigger baskets without feeling out of reach. Check the margin impact first, then test two thresholds against each other. Announce the threshold site-wide (for example in a top bar) so shoppers know it before they reach the cart. Plerdy E-commerce Sales Performance
  • Put the Returns Policy Next to the Checkout Button
    A short line like "Free 30-day returns · Refund within 5 days" near the checkout button and on the payment step answers a question every shopper has but rarely asks. Open the full policy in a modal, not a new page that takes them out of checkout. Unclear or costly returns are a top abandonment reason, especially in apparel and footwear.

👤 Guest Checkout & Account Friction

  • Make Guest Checkout the Obvious Default
    Forced account creation is one of the most common reasons shoppers abandon. Show "Checkout as guest" as the first and most visible option, not as a small link under a login form. Ask for an email address only; order tracking and receipts work fine without a password.
  • Offer Account Creation After the Purchase
    On the thank-you page, offer: "Save your details for next time. Just set a password." Everything else is already filled in, so it takes one field. You still get customer accounts, without losing first orders to sign-up forms.
  • Speed Up Returning Customers With One-Tap Login
    Recognize returning customers by email and offer a magic link, one-time code, passkey, or social login instead of asking them to remember a password. Accelerated checkouts such as Shop Pay, PayPal, or Link by Stripe can prefill address and card details. Never let a "Forgot password" flow block someone who is ready to pay.
  • Capture the Email Address on the First Checkout Step
    Ask for the email address first, before the address fields. Without a captured email, you can't send a recovery message to anyone who leaves mid-checkout. Explain why you need it ("We'll send your order confirmation here"), save it as soon as the field is valid rather than only on "Continue", and cover this in your privacy notice in line with local consent rules.
  • Don't Pre-Check Marketing Opt-Ins or Bundle Them With Terms
    Pre-ticked newsletter boxes aren't valid consent under GDPR, and buyers notice them. Use one unchecked, clearly worded opt-in and keep it separate from accepting the terms. The trust you earn at checkout is worth more than a few extra subscribers.

📝 Checkout Forms & Flow

  • Cut Checkout Form Fields to the Bare Minimum

    Every extra field is one more reason to stop. Baymard Institute's benchmark finds that the average checkout shows about twice as many form fields as it actually needs.

    • Hide "Company" and "Address line 2" behind "+ Add company / apartment" links.
    • Fill in city and state from the postcode where possible.
    • Remove "Confirm email" and visible CAPTCHAs; use invisible bot protection instead.
    • Ask for date of birth or title only when the law or the product requires it.
  • Add Address Autocomplete and Validation
    Address autocomplete (Google Places, Loqate, or your platform's built-in tool) cuts typing sharply on mobile and reduces delivery errors. Always let shoppers edit the suggested result manually, and validate the postcode format for each country. Catching a typo at checkout is far cheaper than a failed delivery and a support ticket.
  • Default "Billing Address Same as Shipping"
    Most buyers ship to their own billing address, so preselect this checkbox and show billing fields only when it's unchecked. For most shoppers, that removes an entire block of the form. For B2B buyers, add an optional "Buying for a company?" toggle for VAT ID and company name instead of showing those fields to everyone.
  • Use the Right Input Types and Autocomplete Attributes
    Ask your developer to set type="email", type="tel", inputmode="numeric", and the correct autocomplete values (email, street-address, postal-code, cc-number, cc-exp). Browsers and password managers can then fill the whole form in one tap, and phones show the right keyboard. Never block pasting into fields. MDN: autocomplete attribute
  • Validate Inline and Never Wipe Entered Data on Errors
    Check each field when the shopper leaves it, and put a specific, friendly message next to the field ("Postcode should have 5 digits") instead of a generic error at the top. After a failed submit, scroll to the first error and keep every value the shopper already entered. A form that resets after an error is one of the fastest ways to lose an order.
  • Use a Short, Enclosed Checkout With a Progress Indicator
    Remove the main navigation, promo banners, and footer links from checkout so the only paths are forward, or back to the cart. Group the steps logically (Contact → Delivery → Payment) or use a single page, and show a progress indicator so shoppers know how much is left. Keep a clear "Back to cart" link so no one feels trapped.
  • Explain Why You Ask for a Phone Number
    Many shoppers won't share a phone number because they expect sales calls. If the courier needs it, say so in the label: "Phone (for delivery updates only)". If you don't truly need it, make it optional or remove it.

🔒 Card Security & Payment Options

  • Put Trust Signals Right Next to the Card Fields
    A significant share of shoppers abandon because they don't trust the site with their card details. Put a padlock and a "Secure, encrypted payment" note inside the payment block, show recognizable card and wallet logos, and visually separate the payment area (a border or a shaded background). Badges in the footer do little; the reassurance has to sit exactly where the anxiety peaks.
  • Use a PCI-Compliant Payment Provider With Embedded Fields
    Never store card data yourself. Use embedded (hosted) card fields from a PCI DSS-compliant provider such as Stripe, Adyen, Braintree, or your e-commerce platform, and serve the entire site over HTTPS. Avoid redirects to an unfamiliar-looking payment page; if one is unavoidable, brand that page and tell the shopper in advance where they'll be taken.
  • Put Express Wallets at the Top of the Cart and Checkout
    Apple Pay, Google Pay, PayPal, and Shop Pay let shoppers skip address and card entry entirely, which matters most on mobile. Show wallet buttons on the cart page and at the top of checkout, only for wallets the shopper's device supports. Check that shipping options, taxes, and totals appear correctly inside the wallet payment sheet.
  • Offer the Payment Methods Your Market Expects

    Cards alone aren't enough in many countries. A missing local method is an invisible reason people leave.

    • Local methods: iDEAL (Netherlands), Bancontact (Belgium), BLIK (Poland), invoice or SEPA (Germany), Pix (Brazil), UPI (India).
    • Buy Now, Pay Later (Klarna, Afterpay, Affirm, PayPal Pay Later) for higher-ticket items, also mentioned on product pages.
    • Check usage by method in your payment provider's dashboard and remove options nobody uses to reduce clutter.
  • Make 3-D Secure / SCA as Frictionless as Possible
    In the EU and UK, Strong Customer Authentication can add a bank verification step, and some shoppers abandon there. Use 3-D Secure 2 through your provider, pass rich data (billing address, email, device) so more payments are approved without a challenge, and apply exemptions where eligible, such as low-value or low-risk transactions. Show the challenge in a modal and warn shoppers upfront ("Your bank may ask you to confirm this payment") so they don't think something broke.
  • Recover Declined and Failed Payments Gracefully
    When a card is declined, explain what to do in plain words ("Your bank declined the payment. Try another card or pay with PayPal") instead of an error code. Keep the order and all entered details, offer an alternative payment method right there, and email a "complete your payment" link if the shopper leaves. Watch decline rates in your provider's dashboard; a sudden rise can mean your fraud filters are too aggressive.
  • Show Help Options Inside the Checkout
    A visible phone number, live chat, or "Questions? We reply within 5 minutes" link reassures shoppers that a real business stands behind the store. Add a short FAQ accordion on delivery, returns, and payment so answers don't require leaving the page. Answering one question at the right moment can save the whole order.

🚪 Exit-Intent & On-Site Recovery

  • Trigger an Exit-Intent Popup on the Cart Page With the Right Offer

    When the cursor heads for the browser tabs or the close button, show a short message that answers the most likely objection. It doesn't have to be a discount.

    • Price objection: free shipping or a small one-time code.
    • Not ready yet: "Email me my cart" so they can come back later.
    • Trust doubts: your returns guarantee and a few real reviews.
    Plerdy Popup Forms
  • Use Mobile-Friendly Triggers Instead of Mouse Exit Intent
    Phones have no cursor, so desktop exit intent never fires on them. Use fast upward scrolling, back-button intent, or inactivity (for example, 30–60 seconds idle on the cart) instead. Keep mobile overlays small and easy to close; Google warns against intrusive interstitials that cover the content. Google: Avoid Intrusive Interstitials
  • Cap Popup Frequency and Never Interrupt the Payment Step
    Show a recovery popup at most once per session, exclude customers who just bought, and never fire it while someone is typing card details. A popup over a payment form looks like a scam or a bug and can cause the abandonment it was meant to prevent. Be careful with discounts: if every exit gets 10% off, shoppers learn to wait for it.
  • Offer "Save My Cart" or "Email My Cart" as a Soft Exit
    Many shoppers leave not because of an objection but because they're not ready yet: comparing, waiting for payday, or asking a partner. A "Send this cart to my email" option captures the address with a clear reason and gives you a legitimate recovery channel. Include a restore link that reopens the full cart on any device.
  • Proactively Offer Live Chat on High-Value, Hesitant Carts
    When a shopper with a high-value cart sits idle on checkout, or keeps going back to the shipping details, offer help: "Questions about delivery or sizing? We're online." Target the invitation by cart value and behavior so you don't annoy everyone. Log the questions people ask; they show you what the page itself fails to explain.

📧 Abandoned Cart Emails, SMS & Retargeting

  • Send the First Cart Reminder Within One Hour
    Purchase intent fades fast, so send the first reminder about 30–60 minutes after the cart is abandoned. Keep it helpful, not pushy: product images, prices, one "Return to your cart" button, and a line with support contacts. Don't lead with a discount in the first email.
  • Build a 3-Step Recovery Sequence With Escalating Value

    One email recovers some carts; a short, well-timed sequence recovers far more.

    • Email 1 (~1 hour): a friendly reminder with the cart contents.
    • Email 2 (~24 hours): answer objections with reviews, the returns policy, the delivery date, and FAQs.
    • Email 3 (48–72 hours): a limited incentive (free shipping or a small discount), only for carts above a set value.

    Stop the sequence the moment an order is placed, and exclude customers who repeatedly abandon just to collect incentives.

  • Link Straight Back to a Fully Restored Cart
    Every recovery message must open the exact cart (same items, variants, and discount) on any device, ideally with the email already filled in at checkout. Sending shoppers to the homepage or an empty cart wastes the click. Test the links in mobile email apps, which often open an in-app browser without your cookies.
  • Add SMS, Push, and Retargeting, With Consent
    SMS and web push are read quickly but require explicit opt-in (TCPA in the US, GDPR and ePrivacy rules in the EU). Use them as a second touch for subscribers who opted in, not as a replacement for email. Retargeting ads with the exact abandoned products work well; cap their frequency and exclude people who have already purchased.
  • Recover Browse Abandoners and Out-of-Stock Demand Too
    Not every lost buyer reaches the cart. Send a gentle browse-abandonment email to known subscribers who viewed a product several times, and set up "back in stock" and "price drop" alerts for items people wanted. These flows catch intent earlier and feel like a service rather than marketing. Shopify Abandoned Cart Apps

📊 Measure, Diagnose & Test

  • Track Every Checkout Step as a Funnel
    Measure each step (cart → checkout start → contact → shipping → payment → purchase) separately for mobile and desktop and for new and returning visitors. The step with the biggest drop is where to start fixing. Set up an event or goal for every step so you can see the effect of each release. Plerdy Conversion Funnel
  • Watch Session Recordings of Cart and Checkout Every Week
    Numbers show where shoppers leave; recordings show why: rage clicks on a disabled button, long hesitation on shipping, a postcode field that keeps failing, a checkout button nobody scrolls to. Filter for sessions that reached checkout but didn't buy, and review 20–30 of them every week. Plerdy Session Recordings
  • Monitor JavaScript and Payment Errors in Checkout
    A broken coupon script, a failing address API, or a payment widget that won't load in Safari can quietly cost you orders every day. Track JavaScript errors on the cart and checkout pages, set alerts for spikes after each release, and test the full flow on real devices (iOS Safari, Android Chrome) after every change. Plerdy Error Tracking
  • A/B Test Changes and Report Recovered Revenue
    Change one thing at a time (shipping display, guest checkout placement, popup offer) and A/B test it against the current version until you have enough data to be sure. Report results in revenue, not clicks: recovered orders × average order value, minus the discounts you gave. Go through this checklist again every quarter, because friction comes back with every new plugin, promotion, and redesign. Plerdy A/B Testing