blog.shopyra.app

Category: Conversion

  • Does your homepage slider actually convert? What we found in 400 stores

    Does your homepage slider actually convert? What we found in 400 stores

    Every few months someone declares the homepage carousel dead. Then you look at the top 100 Shopify stores in almost any category and most of them still have one. Both things can be true: sliders as they are usually built waste attention, and a slider is still the fastest way to give a homepage a point of view.

    We pulled anonymised engagement data from 400 storefronts running Slidify and looked at what people actually do with slides. Here is what the numbers say.

    Slide one does almost all the work

    Across the sample, the first slide accounted for 81% of all slider clicks. Slide two took 12%. Everything from slide three onward split the remaining 7%.

    That is not a surprise on its own — first position always wins. What surprised us is how little the auto-advance interval moved the number. Stores rotating every three seconds and stores rotating every eight seconds had nearly identical distributions. Shoppers were not waiting for the carousel to show them something better. They were deciding within a second or two whether the hero was relevant, and then either clicking it or scrolling past it.

    The practical read: if your best offer is on slide four, it does not exist.

    Manual advance is a strong intent signal

    Only 6% of sessions touched a slider control at all. But sessions that did convert at roughly 2.3× the rate of sessions that did not.

    This is correlation, not a lever you can pull — people who swipe a carousel were already engaged. It does tell you something useful though: the small group who interact deliberately are worth serving well. Make the dots big enough to hit on a phone, make swipe feel native, and never trap someone in an auto-advance that yanks the slide out from under them mid-read.

    We now pause auto-advance permanently after the first manual interaction. Engagement on those sessions went up, not down.

    The three-slide rule

    Stores that cut their sliders to three slides or fewer saw a small but consistent lift in homepage click-through — about 4% relative in our sample — compared with stores running five or more.

    The mechanism is boring: fewer slides means each one gets more consideration, and the ones that survive the cut tend to be the strongest. It also means less imagery to load, which brings us to the part nobody wants to hear.

    The real cost is usually weight, not attention

    The median slider app in the Shopify ecosystem ships somewhere north of 180KB of JavaScript before it loads a single image. Add three or four uncompressed hero images at desktop resolution served to a phone and you have comfortably pushed your Largest Contentful Paint past the point where Google stops being kind about it.

    We have watched stores gain a full second of LCP by doing nothing more than replacing a heavy slider with a light one and setting proper responsive image sizes. No design change, no copy change, no offer change.

    If you want a single number to check today: open your homepage in Chrome DevTools, throttle to Slow 4G, and look at how long the hero image takes to paint. Anything over 2.5 seconds is costing you.

    What we would do with a homepage slider

    If we were setting up a store from scratch tomorrow:

    1. Three slides maximum. Best offer first, always.
    2. Server-render slide one. It should be in the HTML, not injected by JavaScript after hydration. This is the single biggest LCP win available.
    3. Art-direct for mobile. A 2400px-wide desktop hero cropped down to a 390px phone screen usually loses the product and the text. Set a separate crop and a shorter headline.
    4. Reserve the space. Declare the aspect ratio so the layout does not jump when the image arrives. Cumulative Layout Shift is the easiest Core Web Vital to fix and the most commonly ignored.
    5. Pause on interaction, respect reduced motion. Both are one line of code and both are the right thing to do.
    6. Put one thing below it. A slider with nothing underneath teaches people the page is the slider. Give them a reason to scroll.

    The honest conclusion

    A homepage slider is not a conversion tactic. It is a layout. Whether it helps depends almost entirely on whether slide one is a good hero and whether the implementation is fast enough that people see it before they leave.

    The stores in our data that did best with sliders were not the ones with the most slides or the cleverest transitions. They were the ones where the first slide said something specific, loaded quickly, and led somewhere useful.

    That is a lower bar than most slider apps clear, which is roughly why we built Slidify.

  • The Shopify product page checklist we run before every launch

    The Shopify product page checklist we run before every launch

    The product page is where the decision happens. Everything upstream — ads, collections, search — only exists to get someone here. This is the checklist we run before any store we work on goes live.

    It is deliberately specific. “Improve trust” is not actionable. “Put the returns window within one scroll of the buy button” is.

    Above the fold

    1. The main image loads first and loads fast. It is the LCP element on almost every product page. Eager loading, high fetch priority, sized for the device.

    2. Price is visible without scrolling on a 375px screen. Test on the smallest phone you support, not on your laptop with DevTools at 375px — those are not the same thing once the browser chrome is included.

    3. The product title reads like a person wrote it. “Merino Crew Neck — Charcoal” beats “MCN-2847-CHR-M Wool Sweater Mens Winter Warm”.

    4. Variant selection is obvious and reflects availability. Out-of-stock variants should look out of stock before they are tapped, not after.

    5. The add-to-cart button says what it does. “Add to cart” is fine. “Submit” is not. If there is a subscription option, the button should change to reflect the selected purchase type.

    6. There is one primary action. A buy button competing with a wishlist button, a compare button and a “notify me” button of equal weight is three ways to not buy.

    Trust and objection handling

    7. Shipping cost and timing are answerable in one interaction. Not a link to a policy page in the footer. A line under the button, or an accordion one tap away.

    8. The returns window is stated in a number of days. “Easy returns” means nothing. “30-day returns, we pay the label” means something.

    9. Reviews are on the page, not in a tab that requires loading. If you have fewer than ten reviews, show them anyway — sparse and real beats absent.

    10. Review content is skimmable. A rating distribution bar and the ability to filter by star rating does more work than a chronological list.

    11. Sizing guidance is specific to this product. A generic size chart for the whole store is a returns generator. Model height and worn size is the single highest-value line of copy on an apparel PDP.

    12. Payment options are shown as icons near the button. This is the one place trust badges genuinely earn their space — people want to know if their preferred method works before they invest in checkout.

    13. Nothing on the page is false. No fake countdown, no invented “12 people are viewing this”, no scarcity that is not real. Shoppers recognise these and the ones who do not are being misled. Neither outcome is good.

    Content and clarity

    14. The first paragraph answers “what is this and who is it for”. Not brand story. Brand story goes further down.

    15. Specifications are in a table, not a paragraph. Materials, dimensions, weight, care. Scannable.

    16. There is at least one image showing scale. A product in isolation on white has no size. Show it held, worn, or beside something familiar.

    17. There is at least one image showing detail. Texture, stitching, finish. This is what replaces touching it.

    18. Alt text describes the image. Both for screen readers and because image search is a real traffic source for physical products.

    Technical and search

    19. Product structured data is valid. Schema.org Product with offers, price, priceCurrency, availability and aggregateRating where you have reviews. Test it in Google’s Rich Results Test. Rich snippets in search results measurably improve click-through.

    20. The canonical URL is clean. Shopify serves products at both /products/x and /collections/y/products/x. Make sure the canonical points at the former, consistently.

    21. The meta description is written, not generated. 150 characters that give a reason to click, not the first 150 characters of the description.

    22. No layout shift when reviews or badges load. Reserve the space.

    23. It works with JavaScript disabled — or at least degrades honestly. You do not need full no-JS support, but a page that renders as a blank white rectangle when a script fails is a page that loses every visitor on a flaky connection.

    The one that is not on the list

    We deliberately do not include “add urgency” as a checklist item. Real urgency — genuine low stock, a genuine campaign deadline — is worth communicating. Manufactured urgency converts slightly better in the short term and costs you the customer’s trust permanently, which is a bad trade for anyone planning to still be selling next year.

    If you want the honest version of that pattern, build it against your real inventory data rather than a number you type into a settings field. It converts less than a lie would. That is the point.

    Running the checklist

    Print it, or copy it into a Notion doc. Run it on your three best-selling products first — that is where a two-point conversion improvement pays for the afternoon.

    Then run it on a product you have not looked at in a year. That one is usually more instructive.

  • Urgency without lying: what actually works on a Shopify store

    Urgency without lying: what actually works on a Shopify store

    Scarcity works. That is not in dispute — it is one of the most replicated findings in behavioural research. What is in dispute is whether the version most Shopify stores deploy is scarcity at all, or just a lie with a timer on it.

    The three common fakes

    The resetting countdown. A timer that says the sale ends in 4:59:59, and says the same thing tomorrow. Every returning visitor learns this immediately. So does anyone who opens the page in a second tab.

    The invented visitor count. “17 people are viewing this product.” Generated by Math.random() in a script you can read in DevTools in about ten seconds.

    The fixed stock number. “Only 3 left!” hardcoded in a settings field, showing on a product with 400 units in the warehouse.

    All three raise conversion in an A/B test over two weeks. All three are also visible to anyone technical, memorable to anyone who returns, and — in several jurisdictions — regulated. The UK’s Digital Markets, Competition and Consumers Act and the EU’s Unfair Commercial Practices Directive both cover false urgency claims specifically. The FTC has brought cases on it.

    The reason to avoid them is not primarily legal, though. It is that they are a loan against your reputation with a bad interest rate.

    What honest urgency looks like

    Real inventory

    If you have three left, saying so is not a trick — it is useful information. The implementation detail that matters is that the number comes from your actual inventory, updates when it changes, and disappears when the product restocks.

    Shopify exposes this. product.selected_or_first_available_variant.inventory_quantity is right there in Liquid. The only reason to use a fake number is not having connected the real one.

    A threshold helps. Showing “only 47 left” is not urgent and slightly comic. Set a display threshold — under 10, or under a week of typical velocity for that SKU — and stay silent above it.

    Real deadlines

    Campaign end dates, pre-order cut-offs, and shipping deadlines are all genuinely time-bound. “Order by 2pm Thursday for delivery before the 25th” is the highest-converting urgency message in ecommerce and it is completely true.

    The technical requirement is timezone handling. A deadline that is correct in your timezone and wrong in your customer’s is a support ticket and a refund. Compute against a fixed instant, render in the visitor’s locale.

    Real demand signals

    “This sold out twice last month” — if true — is more persuasive than a fake viewer count, because it is specific and checkable. Same for “back in stock after six weeks”.

    Real recent purchase notifications work too, with two conditions: they must be actual orders, and they must be rate-limited. A notification every four seconds reads as fake even when it is real.

    Real cart reservation

    If your checkout actually holds inventory for ten minutes, saying so is helpful. If it does not, do not say it does — a customer who takes twenty minutes and loses the item will remember the promise.

    The one that is honest and underused

    Restock notifications. Instead of manufacturing urgency around a product someone can buy, capture demand for one they cannot. “Email me when this is back” converts at a rate that embarrasses most popups, costs nothing to run, and produces a list of people with demonstrated intent for a specific SKU.

    Most stores either do not offer it or bury it. It is the single best urgency-adjacent feature available and it requires no ethical compromise at all.

    What the numbers look like

    Published case studies on real-inventory scarcity bars tend to report single-digit lift on add-to-cart rate — meaningfully less than the 15–20% figures quoted in fake-scarcity write-ups.

    That gap is the honest cost. You give up some short-term conversion.

    What you get in exchange is a mechanic that keeps working. Fake scarcity has a decay curve — it converts best on first-time visitors and progressively worse as your returning-customer share grows. Real scarcity has no decay, because there is nothing to see through.

    For a store planning to be around in three years, that is not a close call.

    A short implementation checklist

    • Inventory display driven by real Shopify inventory, with a sensible threshold
    • Countdowns tied to a real campaign end stored as a UTC instant
    • Purchase notifications from real orders, rate-limited, with no invented names
    • Shipping cut-off messaging computed against the customer’s timezone
    • Restock notification capture on every out-of-stock variant
    • Nothing that resets when the page reloads

    Every item on that list is achievable in a theme with no app at all. The work is mostly in wiring the display to your real data rather than to a settings field — which is exactly why so many apps skip it.