- ConversionMail
- Posts
- ποΈ Cart slider or page - which converts?
ποΈ Cart slider or page - which converts?
Plus: Learn why rounded buttons outperformed square ones in our tests!
Hello Optimizer,
If conversion rates were Olympic sports, would your website be taking home gold or sitting in the spectator seats?
Let's get you on that podium with today's training session.
Highlights of Todayβs Newsletter
Design: Cart slider vs cart page: Which boosts your sales?
The Chosen Topic: 5 CRO rules that generated over π²1BN in extra revenue
CRO Insight: Here's a high-conversion landing page structure
Video: 7 homepage tweaks that actually convert
Weekly Content Roundup
Get the latest and greatest CRO content from around the web.
Design π¨
Cart slider vs cart page: which boosts your sales? (Link)
Boost sales with in-cart upsells & cross-sells β hereβs how! π (Link)
The Ultimate Ecommerce Swipe File:
100 high-converting landing page redesigns
This is the biggest swipe file Iβve ever put together.
It's packed with landing pages that have consistently boosted conversions. (Link)
CRO Around the Web π
Shopify: Customer experience design: Tips and Examples (Source)
Baymard: Mobile App UX Trends: The Current State of Mobile App UX (10 Common Pitfalls & Best Practices) (Source)
Academy ποΈ
New Audits For Our Members: π¨ββοΈ Health, Music Education, Capsules, Hospital Socks, Leadership, Skin Care, Air Guard (Link)
Clientβs Result
Video Of The Week
In this episode, I walk you through a homepage redesign that significantly boosted conversion rates and increased revenue per visitor for our clientβs store.
Iβll show you the exact changes we made and how they impacted the siteβs performance.
High Converting Design Inspiration
Just analyzed mydrunkelephant's website...
They're losing millions with "innovative" UX.
Here are 3 vital optimizations that'll boost their conversions:
1. Homepage
Their homepage is trying too hard to be different.
Here's what's broken:
β Tiny, unreadable fonts
β Cut-off headlines
β Vague "shop" CTA that blends in
β Missing social proof
Heat mapping would show massive user confusion.
Our fix:
β Clear, emotive headlines
β Prominent product showcase
β Strong pill-shaped CTA that pops
β Publication features for instant credibility
2. Cart Experience
Their unconventional checkout is costing them sales.
Look at this:
β Unconventional flow
β Missing product snapshots
β Hidden CTAs
β No cross-selling/upsells
Here's how we'd optimize:
β Dynamic shipping threshold
β Free gift incentives
β Clear product previews
β Strategic cross-sells
β Trust elements at checkout
Revenue per visitor would skyrocket.
3. Product Page
The biggest revenue killer?
A product page that fights against itself:
β Distracting support button
β Cluttered layout
β Key info below fold
β Missing social proof
Our solution:
β Clean image carousel with thumbnails
β Benefit-driven bullet points
β Above-fold CTA
β Removed competing elements
Being different is great for branding.
But conventional UX converts better.
CRO Insight
Here's a high-conversion landing page structure:
5 CRO Rules That Generated Over π²1 BN In Extra Revenue For Shopify Stores
The Perfect Product Page:
I often ask e-commerce owners, "What's the most important element of your product page?"
Most say "high-quality product images," or "compelling product descriptions," or even "customer reviews."
I just smile and shake my head. "Nope, you need a seamless user journey."
It sounds simple, but it's one of the most profound truths of CRO. You could have the best product in the world, but if your page is confusing, you won't sell a single thing.
Your Layout Is Everything:
"Even mediocre products can sell with a great layout. But no amount of great products can sell with a poor one." I believe that the page structure (not the product itself) is what closes the deal.
The sales aren't in trying to convince people that your product is good. It's about having a layout so intuitive, they can't help but add to cart.
I stack my product pages with so much clarity that people can't resist. I add clear pricing, prominent CTAs, and benefits that make people think, Why am I not buying this?
I once redesigned a product page for a fashion brand. It wasn't about changing the product. Instead, I made the layout irresistible. I made users feel like they were getting all the information they needed, then I sweetened the deal with a layout that made the purchase the natural next step.
Above-The-Fold Is Everything:
"If you can't nail your above-the-fold content, don't even bother with the rest of the page."
I know that 80% of the success of a product page comes from what users see first. If you don't grab their attention there, they'll never scroll down. My above-the-fold designs are clear, compelling, and always leave people wanting to explore more.
One of my favorite redesigns simply read, "Experience the Honest difference" above the fold. That's it. No product details. No clutter. Just a promise. It was the kind of headline that made people stop and think, I need to know more about this.
Make It User-Centric:
While everyone was focusing on product features, I designed for user needs.
My layouts feel intuitive like they're anticipating the user's next move. I'm not designing for a faceless crowd. I'm designing for you. And that's what makes my pages so powerful. They're experiences, not just product displays.
One of my favorite CRO tactics is adding a dynamic shipping bar in the cart. It's a direct, almost game-like element. But it works because it feels personal. It makes the user feel like the page is responding to them, encouraging them to unlock free shipping.
What do you want to learn next Wednesday?Vote below and your wish will come true: |
What did you think of this week's issue?We take your feedback seriously. |