The most important ecommerce features are not the flashiest ones. They are the ones that stop people leaving before they buy.
Baymard Institute puts the average documented cart abandonment rate at 70.22%. Many of the reasons behind it are fixable with the right features and a bit of discipline. This guide starts with what makes shoppers leave, then works through the features that address it.
Key takeaways
Show the full cost early. "Extra costs too high" is the top reason shoppers abandon, at 40%.
Speed pays. Portent found a site loading in 1 second has an ecommerce conversion rate 2.5 times higher than one loading in 5 seconds.
Cut the checkout. The average US checkout shows 23.48 form elements. Baymard says 12 to 14 can be enough.
Let people buy without an account. 18% of shoppers abandoned because a site wanted them to create one.
Build trust visibly. 19% did not trust a site with their card details.
Why do shoppers leave without buying?
Baymard's cart abandonment research asked US shoppers why they abandoned an order, excluding those who were just browsing:
- Extra costs too high40%
- Delivery was too slow20%
- Did not trust site with card details19%
- Site wanted an account created18%
- Checkout too long or complicated17%
- Website had errors or crashed17%
- Returns policy not satisfactory13%
- Could not see total cost up front12%
- Not enough payment methods9%
Source: Baymard Institute, cart abandonment rate statistics (excludes 'just browsing')
Almost every one of these maps to a feature you control:
| Reason for leaving | Feature that addresses it |
|---|---|
| Extra costs too high, total cost unclear | Shipping and tax estimates on product and cart pages |
| Delivery too slow | Clear delivery dates and faster options at checkout |
| Did not trust the site | HTTPS, recognisable payment options, reviews, clear contact details |
| Forced account creation | Guest checkout, with an optional account after purchase |
| Checkout too long | Fewer fields, address lookup, autofill support |
| Site errors | Testing, monitoring and fast, stable hosting |
| Returns policy unclear | A specific returns policy linked from product pages |
| Not enough payment methods | Cards plus the wallets and pay-later options your customers use |
How fast does an ecommerce site need to be?
As fast as you can make it. Portent's site speed research, based on more than 100 million page views across 20 sites, found a site that loads in 1 second has an ecommerce conversion rate 2.5 times higher than one that loads in 5 seconds.
Google's Core Web Vitals give practical targets, measured at the 75th percentile of page loads:
| Metric | What it measures | Good score |
|---|---|---|
| Largest Contentful Paint (LCP) | How quickly the main content appears | 2.5 seconds or less |
| Interaction to Next Paint (INP) | How quickly the page responds to taps and clicks | 200 milliseconds or less |
| Cumulative Layout Shift (CLS) | How much the layout jumps while loading | 0.1 or less |
You can see real visitors' scores by adding Google's open-source web-vitals library:
import { onCLS, onINP, onLCP } from 'web-vitals';
// Send each metric to your analytics tool instead of the console in production.
onLCP(console.log);
onINP(console.log);
onCLS(console.log);For quick checks, run key templates (home, category, product, cart) through PageSpeed Insights.
What design and navigation features matter most?
Mobile-first layouts that work with one thumb, including filters and checkout.
Clear category structure with breadcrumbs, so shoppers and search engines understand where they are.
Search that forgives typos and suggests products as people type.
Filters that match how customers choose, such as size, colour, price, compatibility or availability.
A footer with shipping, returns, contact and help links, because that is where shoppers look for them.
What makes a product page convert?
| Element | Why it matters |
|---|---|
| Several high-quality images with zoom | Shoppers cannot touch the product, so images do the job |
| Short video where it helps | Shows scale, movement or how something works |
| Benefit-led description plus specifications | Answers "why" and "will it fit" in one place |
| Price, delivery estimate and returns summary near the buy button | Removes the biggest reasons for leaving |
| Stock and variant availability | Stops disappointment at checkout |
| Reviews and questions from real customers | Independent proof, and useful content for search |
Product pages also need accurate structured data so search engines and AI shopping tools can understand them. We cover the details in whether your store is ready for AI shopping agents.
How should checkout work?
Baymard found the average US checkout displays 23.48 form elements by default, while an ideal flow can be as short as 12 to 14. Its research suggests most checkouts could reduce form elements by 20% to 60%.
The features that help most:
Guest checkout by default, with account creation offered after the order.
Only the fields you need. Combine name fields, hide "address line 2" behind a link, and skip optional fields.
Address lookup and autofill so mobile shoppers type less.
Total cost visible before payment, including shipping and tax.
Payment methods your customers expect, such as cards, digital wallets and local options.
Clear error messages that say exactly what to fix.
Which trust and security features are essential?
HTTPS across the whole site, not just checkout.
Recognisable payment providers at the point of payment.
A specific returns policy: how many days, what condition, and who pays for return shipping.
Visible contact details and a real business address where appropriate.
Privacy and cookie consent that meets the rules in the markets you sell to.
What happens after the purchase?
Retention features turn one order into several:
Order confirmation and tracking without needing to log in.
A help centre covering shipping, returns and common product questions.
Optional accounts for order history, saved addresses and easy reorders.
Email and SMS opt-ins with clear consent and genuinely useful messages.
Which back-end features keep a store running smoothly?
Real-time inventory that syncs across your site, marketplaces and warehouse.
A content system your team can use without a developer.
Analytics that track product performance, abandonment and conversion by device.
Flexible promotions, such as discount codes, bundles and automatic offers.
These foundations matter for growth, not just operations. For UK ecommerce brand Druids, our work began with crawl architecture, site speed, Core Web Vitals and indexing issues before content and links. Over 12 months, ranked keywords grew from 12,800 to 52,300 and organic search became the brand's largest traffic channel.
Which platform should you build on?
Most of these features are available on the major platforms, but how easily you get them differs. Read WordPress, Webflow or Shopify: which should I pick? for a comparison. If your checkout is already live but converting poorly, see why conversion rates drop when rankings look fine.
For help planning or improving a store, see our website and ecommerce builds or talk to us.
Frequently asked questions
What is the single most important ecommerce feature?
Clear total costs. Extra costs being too high is the most common reason shoppers abandon checkout, so show shipping and taxes as early as possible.
Should I force customers to create an account?
No. Offer guest checkout and invite people to create an account after they order. 18% of shoppers in Baymard's research abandoned because a site required an account.
How many checkout fields should I have?
As few as possible. Baymard's testing suggests an ideal checkout can use 12 to 14 form elements, compared with an average of 23.48.
