๐ŸƒProduct cards

Don't allow your customers to shop in an unorganized mess, this greatly reduces your credibility as a company. I can show you some good advice for your product card settings:

Structured Product Display: Showcase 3-4 relevant products per row for a balanced and visually appealing layout.

Highlight Trending and Top-Rated: Defaultly display trending, top-rated, and best-selling items at the top of each category for instant user engagement.

Additional Photos on Hover: Enhance user exploration by displaying additional product photos when users hover over the items.

Consistent Style for Scannability: Maintain a consistent style for product images, including type, background, white space, size, and photo angles. This enhances scannability and creates a cohesive visual experience.

Uniform Size for Product Cards: Use a consistent size for product cards to improve scannability and provide a streamlined visual presentation.

Clarity on Product Variants: Clearly indicate available product variants (size, color) for each item, helping users make informed decisions.

Comprehensive Product Information: Display all essential information for each product, including a prominent product title, old price, new price, discount, review count, overall star rating, short description, product variants (size, color), attributes, and a CTA button to motivate users to explore the product page (ideally visible on hover).

Scarcity and Out-of-Stock Visibility: Indicate scarcity for limited-stock items (e.g., "Only 1 left") for a sense of urgency. Also, clearly show items out of stock with a message like "You just missed it" to add authenticity to the scarcity notification.

Product Badges for Recognition: Utilize badges on product image thumbnails for fast recognition, such as "Fast delivery," "Best-seller," "New," "Top choice," and "Trending."

Email Notification for Unavailable Products: Provide users the option to leave their email address if a product is currently unavailable. This way, they can be notified promptly when it becomes available again.


Last updated

Was this helpful?