User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
On a product list where the only option to add to cart is through the product detail page - would a button on the card in the list hurt or improve UX / conversion. Some sites use "buy" on the list, but in reality it only opens another url (detail page). Without button the product lists are cleaner, but we users tend to be drawn to click on buttons.
So do you add a read more and label it buy, or leave the button all along?
Given that the user likely understands they are on an ecommerce site, I would leave the button off entirely from your Product Listing Pages.
The entire content area essentially functions as the button/CTA to your Product Detail Pages. Typically you only add other clickable areas on a product tile if you have additional functionality available besides a link into the PDP (ie favoriting, color swatches, swiping through several thumbnails, etc). Those usually only show up on a hoverstate so the consumer can more easily evaluate each product in the list via a large, clear image.
I hope I understand you correctly.
You have pages with dozens of little cards, one card per product. If you click on a product, it takes you to "product detail page", where you can click on the "Buy" button that takes you to the "cart page".
You seem to be doing perfectly fine there.
For wholesale shops, the buttons may be convinient. For a shop where your customers routinely buy dozens of "staplers, pins, notebooks, coffee beans, tissue paper, napkins, light bulbs", customers would like to click the "buy" button in the product card and expect it to be added to the cart directly (without changing the page). You will still have an option to click on the product to go to the "details page", but most of the repeat customers, would prefer to click "buy, buy, buy" and click "check-out".
One month ago I got this similiar case, which after several researches and A/B testing, I decided to take off the "detail" button and changed it into a text with link "More Detail" after short description of the products, this also give your primary CTA stand alone to get more attention from the users.
But there is no silver bullet for this case, you must have an A/B testing / research for your product because my target audience and yours isn't the same.
I would like to suggest something else rather using read more link or read more button. Use descriptive labels instead of standalone Read More text, your copy will benefit in several ways:
I don't know what is your product but if someone have electronics product website and they have coffee machine XYZ page, then they should use "See What Else You Can Find About coffee machine XYZ". If you find yourself relying on Read More as standalone link labels, remember that they create uncertainty for users and are bad for accessibility.
