Fresh Takes > 4 Tips for more effective product cards
Back to Fresh Takes

4 Tips for more effective product cards

Shaun Brandt
Shaun Brandt
Published on July 11, 2022
1 min read

4 Tips for more effective product cards

FREE CONVERSION TIPS

Book a 30-Minute Teardown Call

Get answers to questions like:

What do I need to fix?
Is my brand nailing the first impression?
Where should I start with CRO?
Book My Free Teardown

Product cards (regardless of where they are on your site) need to be easy to scan & easy to take action.

They also need to surface that sweet spot of product information that piques users' interest, without telling the entire product story.

1. Make sure your images pop! When you’re using a transparent background on the image, use the extra whitespace to show your product as effectively as possible.

2. When your images show the physical product (no packaging) it’s important to communicate the volume in the copywriting. Add a content line that clearly communicates the amount of the product they are shopping (especially if you’re expecting them to add it to their cart here.

3. When your product is simple, surfacing ‘add to cart’ from a product card is a great option for faster conversion – but only if users have the info needed to purchase. Make sure the action states the price…nobody is adding something to their cart when they don’t know the price.

4. If you’re going to allow users to add to cart from your product cards, make sure you are surfacing a crystal clear secondary action taking them to the product page.

Want us to look at your website? Grab a FREE quick win or book a call to chat with our team!

Try Oddit Free

How It Works

  • Choose a page on your site where traffic is being driven.
  • Our team redesigns and optimizes one key section from the page.
  • We send you the designs and a mini report explaining the changes within 2 business days. view a sample
Page to Optimize
Brand Name
Email

100% Free • 2 Day Turnaround • No Credit Card Required

Sample Oddit before and after design

What’s a Section?

Think of a section like a slice of a page, containing specific content & functionality–like a product card or reviews section.

Live teardown illustration

Book a 30-Minute Teardown

Got a webpage that you’re stuck on? Book a 30-minutes with a member of our leadership team and get an expert, fresh perspective to help you move forward.

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”

"Fire your agency today. Hire Oddit tomorrow.”

“I only trust Oddit to make design changes to my site.”