eCommerce

Magento 2 Checkout Optimisation: Reducing Cart Abandonment in Your Store

To reduce cart abandonment in Magento 2: (1) Enable guest checkout — remove the account creation barrier for new customers; (2) Show shipping costs early — on the cart page, not only at the last checkout step; (3) Add a shipping cost estimator to the cart page so customers aren't surprised; (4) Enable all relevant payment methods — PayPal, credit/debit cards, and increasingly Apple Pay and Google Pay; (5) Add trust signals to the checkout — security badges, SSL indicator, return policy reminder; (6) Optimise checkout page load speed — defer non-critical scripts, bundle checkout-specific JavaScript; (7) Implement abandoned cart email recovery — Magento 2's native follow-up emails or a dedicated extension recover 5–15% of abandoned carts. Address these in order — each represents a distinct, documented abandonment cause.

Published: 2019-06-20 | Last Updated: 2019-06-20 | 9 min read

Key Takeaways

  • Guest checkout is the single highest-impact change for reducing new customer abandonment — required account creation is the second most cited abandonment reason.
  • Unexpected shipping costs are the most common abandonment reason — showing shipping costs (or a calculator) on the cart page prevents abandonment at the shipping step.
  • Payment method breadth matters — customers who can't pay with their preferred method abandon; adding PayPal Express and local payment methods reduces this friction.
  • Checkout page speed is a conversion factor — slow Magento checkout pages (particularly on mobile) directly increase abandonment rates.
  • Abandoned cart recovery emails convert 5–15% of abandoners — even a basic single-email reminder sequence recovers meaningful revenue at near-zero incremental cost.

The typical e-commerce store does a significant amount of work to bring customers to the checkout — paid advertising, SEO, email marketing, social media — and then loses 70% of them at the final step. That 70% average abandonment rate isn't fixed; it's the aggregate of addressable friction points that compound across the checkout journey. Magento 2's checkout is highly customisable — more so than Shopify's hosted checkout. This customisability is both an opportunity (you can optimise every element) and a risk (you can introduce friction through poorly configured extensions, missing payment options, or checkout pages that load slowly due to accumulated JavaScript debt). This guide covers the specific checkout changes that reduce abandonment in Magento 2 stores, in order of impact and implementation complexity.

Definition: One-Step vs Multi-Step Checkout in Magento 2

Magento 2's default checkout is a two-step checkout: Step 1 (Shipping — email, address, shipping method selection) and Step 2 (Payment — payment method selection and order review). One-Step Checkout extensions consolidate all fields onto a single page, eliminating the visual progress through steps and reducing the number of page loads in the checkout process. Research on one-step versus multi-step checkout is mixed — the impact depends on the specific implementation and the store's customer base. Magento's default two-step checkout is generally well-optimised; the bigger abandonment drivers are friction within the steps (required account creation, unexpected costs, missing payment methods) rather than the number of steps themselves. Investing in one-step checkout is lower priority than addressing guest checkout, shipping cost transparency, and page speed.

Removing Checkout Friction: Guest Checkout and Cost Transparency

The two most impactful abandonment reductions come from removing account creation requirements and eliminating shipping cost surprises — both addressable in Magento 2 configuration, not custom development.

Enable guest checkout immediately if it isn't already: Magento 2 Admin > Stores > Configuration > Sales > Checkout > Allow Guest Checkout = Yes. This single change removes the barrier that causes approximately 35% of first-time visitors to abandon checkout. The concern that guest checkout reduces customer account creation is addressed by the confirmation page: after a guest completes their order, present a clear invitation to create an account with their order information pre-populated — 'Create an account to track your order and speed up future checkouts'. Customers who have already converted are more likely to accept this invitation than those confronted with it as a pre-purchase requirement.

Shipping cost transparency prevents the most common abandonment cause. The Baymard Institute's checkout research finds that unexpected shipping costs — costs disclosed only at the payment step after the customer has already entered their address — are the single most cited reason for cart abandonment globally. Magento 2 solutions: add a shipping cost estimator widget to the cart page (Magento's native estimator shows estimated shipping by entering a postcode — enable it under Stores > Configuration > Sales > Checkout > Display Shopping Cart Sidebar); for stores with simple shipping logic, show free shipping thresholds prominently on the cart page ('Add $X more for free shipping'); for stores with flat-rate or weight-based shipping, show the shipping cost estimate in the cart before checkout begins.

Reduce form field volume in the checkout flow. Magento 2's default checkout includes address fields that may not all be required for your shipping configuration. Common optimisations: make the Company field optional rather than hidden-but-required; remove fax number fields (no one faxes); use address autocomplete (Google Places API or a Magento extension) to fill address fields from a postcode entry; and use smart defaults (pre-select the most popular country, pre-fill the state/province from the postcode). Each removed or auto-completed field reduces cognitive load and the chance of an entry error that breaks the checkout flow.

  • Enable guest checkout — Stores > Configuration > Sales > Checkout > Allow Guest Checkout
  • Add shipping cost estimator to the cart page — shows cost before checkout begins
  • Display free shipping threshold on cart page to motivate completion
  • Reduce form fields — optional rather than required for non-essential fields
  • Implement address autocomplete to reduce entry friction and errors

Payment Methods and Trust Signals

Expanding payment options and adding checkout trust signals address two more documented abandonment causes — customers who can't pay with their preferred method, and customers who don't trust the checkout with their card details.

Payment method coverage in Magento 2: Magento's default payment methods include credit/debit cards (via Braintree), PayPal, and check/money order. Add PayPal Express Checkout — the PayPal button displayed in the cart and on the product page that allows checkout without entering any address information, using the customer's PayPal billing and shipping details automatically. PayPal Express removes the longest part of the checkout flow for customers who have a PayPal account. Depending on your market, consider also integrating: Stripe (developer-friendly credit card processing), local payment methods (Interac for Canada, iDEAL for Netherlands, SEPA for EU), and buy-now-pay-later options (Klarna, Afterpay) for higher average order values.

Trust signals at the checkout address a specific abandonment cause: customers who were going to buy but became uncertain about security at the moment of entering payment details. The highest-impact trust elements on a Magento checkout page: SSL padlock and 'Secure checkout' indicator in the page header (visible above the fold); recognised payment provider logos (Visa, Mastercard, PayPal, American Express) near the payment section; a brief return policy reminder (e.g., '30-day hassle-free returns') near the order review section; and a link to your privacy policy and security statement. These elements reassure customers who are about to enter sensitive information and provide a final nudge past hesitation.

Implement abandoned cart recovery as a backstop for the abandonment that occurs despite checkout optimisation. Magento 2's Commerce (formerly Enterprise) edition includes built-in abandoned cart email functionality. For Magento Open Source, extensions like Dotdigital, Magezon Abandoned Cart, or Amasty Abandoned Cart provide the same capability. A basic abandoned cart sequence: email 1 at 1 hour after abandonment (reminder — no discount, just a reminder with cart contents); email 2 at 24 hours (urgency — 'items in your cart are selling fast'); email 3 at 72 hours (optional incentive — free shipping or small discount). Industry benchmarks show 5–15% cart recovery from a three-email sequence.

Mobile Checkout Performance

Mobile checkout abandonment is significantly higher than desktop — Magento 2's checkout requires specific mobile optimisation to close the mobile conversion gap.

Mobile checkout performance is a distinct problem from desktop checkout. Magento 2's checkout is built on Knockout.js, which can be slow to initialise on mobile devices — particularly lower-end Android devices on cellular connections. Test your checkout on a real mobile device (not just the browser's mobile simulation) on a cellular connection, using Chrome DevTools' Lighthouse audit in mobile mode. Target Time to Interactive under 5 seconds. If checkout initialisation is slow, optimise by: enabling JavaScript bundling and minification for checkout-specific scripts, moving non-essential third-party scripts (Hotjar, Facebook Pixel, chat widgets) to load after checkout is interactive rather than before, and using a content delivery network for static checkout assets.

Mobile form experience on Magento checkout: ensure the correct keyboard type is triggered for each input field — the phone keyboard for phone number fields (`type="tel"`), the email keyboard for email fields (`type="email"`), the numeric keyboard for postcode fields. Ensure form fields are large enough to tap accurately — minimum 44px height. Ensure the 'Place Order' button is large and positioned above the fold on mobile after the form is completed — if it requires scrolling to find, it creates a micro-friction moment that causes abandonment. Test with real users on real devices if possible — the issues that cause mobile abandonment are often invisible in desktop-based QA.

Apple Pay and Google Pay dramatically simplify mobile checkout by eliminating all address and payment form entry — the customer authenticates with Face ID, Touch ID, or fingerprint and the order is placed. For mobile shoppers with these payment methods set up, the entire checkout from product page to order confirmation takes under 30 seconds. Magento 2 supports Apple Pay through the Braintree payment integration (available in Magento 2.3+) and Google Pay through Braintree or directly via Google Pay API. Enabling these options for mobile users addresses the single biggest friction point in mobile checkout — typing a 16-digit card number on a small keyboard.

Experience Signal

The checkout audit pattern we see most often in Magento stores is a combination of disabled guest checkout (often turned off during initial setup 'because we want customer accounts'), shipping costs not visible until the final checkout step, and a checkout page that loads in 6–8 seconds on mobile because of accumulated third-party script weight. Fixing these three issues — enabling guest checkout, adding a cart-page shipping estimator, and deferring non-essential scripts on the checkout page — typically produces checkout conversion improvements of 20–35% within 30 days, without any UI redesign or new feature development.

Frequently Asked Questions

Cart abandonment rates vary by industry and store type, but the Baymard Institute's research — aggregated from 44 studies — shows an average cart abandonment rate of approximately 70% across e-commerce. Magento stores don't inherently have higher or lower abandonment rates than other platforms; abandonment is driven by checkout UX, pricing transparency, shipping costs, and payment options rather than the underlying CMS. Magento stores with optimised checkouts (guest checkout enabled, shipping costs shown early, multiple payment options, fast checkout page load) achieve abandonment rates of 55–65% — still high by absolute standards, but meaningfully better than unoptimised stores.

Sources

Losing Customers at Checkout on Your Magento Store?

Webnixon's Magento checkout audits identify the specific friction points causing abandonment in your store — and implement the configuration, extension, and performance changes to recover that revenue.

Book a Magento Checkout Audit

About the author

David Okafor

David Okafor

Developer

David is a full-stack developer at Webnixon with expertise in React, WordPress, and custom web application development. He contributes to complex front-end builds, API integrations, and performance-focused engineering for Webnixon clients. He writes about web development best practices, WordPress, and the technical side of building fast, maintainable websites.

Related Articles

Magento 2 Performance Optimisation: How to Make Your Store Load Faster

Web Design

Magento 2 Performance Optimisation: How to Make Your Store Load Faster

Magento 2's architecture is powerful and scalable, but out-of-the-box performance on a standard shared hosting environment is poor. Achieving fast page loads on Magento 2 requires the right server stack, correctly configured caching layers, optimised front-end assets, and a CDN. This guide covers each layer.

August 09, 2018Jai Paek9 min read
Migrating from Magento 1 to Magento 2: What Every Merchant Needs to Know

Web Design

Migrating from Magento 1 to Magento 2: What Every Merchant Needs to Know

Magento announced in late 2016 that Magento 1 will reach end of life on June 30, 2020 — meaning no more security patches, official support, or new extensions. Merchants still running Magento 1 have a clear deadline to migrate, but migration is a complex process that requires careful planning. Here's what it actually involves.

July 13, 2017Jai Paek9 min read
Shopify vs WooCommerce: Which Platform Is Right for Your Online Store?

Shopify

Shopify vs WooCommerce: Which Platform Is Right for Your Online Store?

Shopify and WooCommerce are both mature, capable e-commerce platforms — but they're built on fundamentally different philosophies. Shopify is a hosted, all-in-one platform. WooCommerce is a self-hosted WordPress plugin. The right choice depends on your business model, technical resources, and how much control you need over your store's backend.

March 21, 2019Jim Yang10 min read