View the web version

CommerceGurus

Hi there, hope you're having a great Friday!

This is Colm and Simon from CommerceGurus, with a handpicked weekly roundup of eCommerce articles.


15 Best Practices for eCommerce Product Pages

Baymard's latest benchmark of product page performance reveals that 55% of sites have a poor-to-mediocre UX.

In this article they detail 15 best practices for improving your product page UX.

These are very useful practices to study and compare your own store against. Some of the suggestions include:

  1. Provide “In Scale” images (49% don’t)
  2. Provide a “Human Model” image (81% don’t)
  3. Provide an “Included Accessories” image (20% don’t)
  4. Display or link to the return policy from the main product page content (45% don’t)
  5. Provide highly scannable spec sheets (62% don’t)
  6. Respond to negative user reviews (89% don’t)
  7. Provide a ratings distribution chart at the top of the review section (19% don’t)

See Baymard's 15 Best Practices for Product Pages


eCommerce SEO: The Beginner’s Guide

SEO is about understanding how people search for what you sell, then creating and optimizing pages to rank for those terms.

Getting the basics right is easy enough, but catering to search demand while avoiding common technical issues is often more complicated than you may think. 

This excellent guide from Ahrefs teaches you how to navigate the eCommerce SEO minefield to drive more free, organic traffic to your online store.

Learn how to improve your eCommerce SEO Knowledge


Lightning-Fast Web Performance - Free Online Course from Scott Jehl

Scott Jehl from WebPageTest is offering a free online course on front-end web performance that'll empower you to deliver sites quickly and reliably.

Learn to analyze site performance, fix issues, monitor for regressions, and deliver fast, responsive designs.

It is aimed at front-end developers and designers who are comfortable writing HTML, CSS, and have a basic knowledge of JavaScript.

Take a look at the Lightning-Fast Web Performance Course


WooCommerce plugin: Show stock status on catalog or listings pages

I got a question from a customer the other day, asking how to display an item's stock quantity on the catalog or listings pages.

WooCommerce has an option to show this value on the product page itself, but not in these other templates.

The Show Stock Status for WooCommerce plugin can show the stock quantity under each product in the shop, category and archive pages (wherever there is a loop).

It's based on this tutorial from Rodolfo, over at Business Bloomer.

Check out the Show Stock Status Plugin for WooCommerce


Making a Website Under 1kB

This is a fun challenge from developer, Bradley Taunt; namely try and create a website which is under 1kB in size.

Building a website that actually serves useful content while squeezing its page size under 1,024 bytes is no easy feat.

But it is possible!

With no CSS, minification, and not using any closing HTML tags (this is valid in HTML5) - it's (just about) doable.

Read about making a website under 1kB in size


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

MadeInContext Ltd., 13 Baggot Street Upper, Dublin 4, D04 W7K5, Ireland. Would you rather not receive these emails? Unsubscribe here.