Product Variant Options

It's common for products to be offered in variations. This can be color, size, flavor, or something else. The product page is where users ultimately make that choice. To help them you should avoid dumping these options in drop-down menus.

They need to sit above the 'add to cart' button to show users that they need selecting first. Where possible they should be visual buttons to help the user see all the choices and they should make clear when a variation means a change in price. If the variant changes the look of the product (such as the color) then selecting it should update the main product image, so it leaves no doubt as to what will be ordered.

When it comes to size selection it's best not to have a default size, otherwise you could easily end up with users adding the preset size rather than they one they want. This could lead to lots of returns and frustrated customers. The exception
is when you already have this information from a user's preferences.

<< Back to more UX Tips

Are you making data-informed improvements?

For websites with a significant traffic (7K+ visitors per month), we recommend Conversion Rate Optimization.

CRO is the process of enhancing your website and content to boost conversions(sales). Every change made will tested and backed by your visitors' data.

Want a list of elements that can be enhanced on your website to boost conversions?

Talk to our Consultant Right Now
  • Get A Free Strategy Call

    Don’t be content with your existing conversion rate. Every visitor you don’t convert is money left on the table and it is happening right now.


    Let's create the perfect version of your eCommerce Store