collections-page-guide-part-2
min read
4 Tips for more effective product cards
Published:
Updated:
4 Tips for more effective product cards
min read
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!
Key Takeaways
- Psychological Impact: Loss aversion describes the tendency for people to prefer avoiding losses over acquiring equivalent gains, significantly impacting consumer decision-making.
- Marketing Strategies: Effective use of loss aversion in marketing includes limited-time offers, scarcity marketing, and money-back guarantees, all of which leverage consumers' fear of missing out.
- Ethical Considerations: While loss aversion can drive sales, marketers must ensure transparency and avoid manipulative tactics to maintain consumer trust and long-term relationships.
What’s the heck is Oddit andwhy should I care?
Learn More
Blog Post Chapter #1 (H2)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel. Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
Chapter Section #1 (H3)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Bullet List Heading
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Section Heading #1 (H4)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Quote or Stat
“Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.”
Source
SUGGESTION #1
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
SUGGESTION #2
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
SUGGESTION #3
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
Blog Post Chapter #2(H2)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel. Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
Chapter Section #1 (H3)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Bullet List Heading
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
- Bullet List Item 1 Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Section Heading #1 (H4)
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Quote or Stat
“Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.”
Source
SUGGESTION #1
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
SUGGESTION #2
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
Learn How to“Example we mentioned in current post”
Learn More
SUGGESTION #3
Summarize suggestion title to be one sentence or 10-15 words.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
Iure atque enim in? Magnam quis cupiditate quia labore quaerat, eligendi nobis, ab similique harum nostrum nulla aliquam dolore adipisci ut. Eaque doloremque iure veniam nobis asperiores!
This is a small caption
Conclusion
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eius, temporibus, aut officia minus sequi quae molestias beatae, qui ipsa mollitia alias accusamus voluptate ratione provident numquam iure quia aliquam tempore possimus consequatur vel.
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
KEEP READING
Conversion-Optimized Design & UX for Brands that Move Fast
Our team has spent over a decade designing beautiful digital experiences for the biggest brands around the world. Now you can get the same expert design, at a fraction of the cost.
Try Oddit Free
100% Free | No Credit Card Required
“Fire your agency today. Hire Oddit tomorrow.”
roo-and-you-logo
STARTING AT $2,250
Conversion Reports
Find and fix top 'conversion-critical' friction points on your website.
Learn More
STARTING AT $2,500
Landing Page Design
A tailor-made page designed for any conversion goal.
Learn More
Not sure where to start? Book a Discovery Call
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”
“10x the value I've received from high retainer agencies in the past
“This is my 3rd project with Oddit. Simply put, they’re best in the game.”