View the web version
Hi there, hope you're having a great Friday!
This is Colm and Simon from CommerceGurus, with a handpicked weekly roundup of eCommerce articles.
Website A/B testing broadly means testing two versions of a webpage to see which fares better with your visitors and earns you more sales or conversions.
This excellent post suggests 20 different areas of your eCommerce store you should be A/B testing, because some small tweaks could have big benefits.
You can use services such as Google Optimize to create tests and measure which version works better.
Areas which are worth testing include:
- Using hero images rather than sliders. See my thoughts.
- CTA button phrasing and colors.
- Human photographs
See how A/B testing can be used to improve conversions
Baymard published an interesting article this week focusing on grocery eCommerce sites, and some of the UX issues many of them suffer from.
Your own store may not be within the grocery niche but there's still lots to digest in this article, and many of the suggestions may be applicable to your own site.
It looks at how many stores have poor top-level navigation, and struggle to display their many categories in a coherent fashion to customers.
Non-product search is an issue also for many. This particular problem was important for us to solve within the ajax module of our CommerceKit plugin, which is included as part our Shoptimizer WooCommerce theme.
Read about UX issues in Grocery eCommerce sites
I was interested to discover a new WooCommerce Sales app, built by Mark Smith called WooMetrics.
It lets you see your valuable WooCommerce sales data in a simple, easy to use interface. You can review your latest orders, sales data and best sellers as well as weekly, monthly and year-to-date comparisons and insights.
It's obviously not as comprehensive as something like Metorik but it looks like a well-designed improvement over the default reporting area in WooCommerce.
There is a free plan, and the paid version with additional features starts at $19 a month.
Take a look at WooMetrics, a WooCommerce Sales Dashboard
I regularly speak about core web vitals in this newsletter and this week I came across a useful speed testing service called Waterfaller.dev.
The biggest struggle with Core Web Vitals is making them actionable, so this highlights each priority issue and turns them into user stories for your dev team.
The interactive waterfall will show you how the browser builds your page and pinpoints the files that are slowing it down. You get a complete technical understanding of your page.
Fixing LCP and CLS problems is tricky even for developers, so Waterfaller helps you find the exact largest contentful paint element and every component with a measurable layout shift.
Take a look at Waterfaller.dev and see how the Shoptimizer demo site performs
Our friend Rodolfo from Business Bloomer has a nice tutorial on how to display the single product page tab content underneath each other, collapsing the content.
There is certainly merit in such a layout, and by not hiding content in a tab, it's easier for Google to spider content.
He shows you how to achieve this with a bit of custom code, which you can add within a child theme's functions.php file.
An alternative solution, if you're uncomfortable with code, is to use the WooCommerce Expand Tabs plugin.
See how to "explode" product tabs in WooCommerce
That's it for this edition. Simply reply to this email if you have any questions or suggestions, we read every message. Have a great week and best of luck with your projects!
Colm and Simon from CommerceGurus
|