Users who want to read more reviews shouldn't have to scroll endlessly to find them. If there's no clear way to jump directly to reviews, they might lose interest and leave.
Underlining the review count and making it clickable ensures users can quickly access all reviews with a single tap. This improves the browsing experience, builds trust, and keeps users engaged, increasing the chances of conversion.
- Your product pages have review counts displayed but users spend more than 30 seconds scrolling to find the actual reviews section
- Heat map data shows users clicking on non-clickable review counts or star ratings (dead clicks above 3% on review elements)
- You're using Shopify with apps like Judge.me, Yotpo, or Stamped.io that display review counts in the product summary area
- Your store gets 1,000+ monthly product page visits and reviews are located below the fold or in separate tabs
- Analytics show high product page bounce rates (above 60%) despite having strong review scores
Transform your static review counts into clickable navigation elements that instantly scroll users to your reviews section.
- Shopify Implementation: Add this CSS to your theme's
base.cssor custom CSS section to style review counts as clickable links:.product-review-count {
color: #0066cc;
text-decoration: underline;
cursor: pointer;
transition: color 0.2s ease;
}
.product-review-count:hover {
color: #004499;
} - Add Click Functionality: Insert this JavaScript before the closing
</body>tag in yourtheme.liquidfile:document.addEventListener('click', function(e) {
if (e.target.classList.contains('product-review-count')) {
e.preventDefault();
document.getElementById('reviews-section').scrollIntoView({
behavior: 'smooth'
});
}
}); - Update Review Count HTML: Modify your product template to wrap review counts in clickable elements with the class
product-review-count - Mobile Optimization: Ensure minimum touch target of 44px height and add
-webkit-overflow-scrolling: touchfor smooth iOS scrolling
Timeline: 2-3 hours for implementation and testing across devices.
- Review Section Engagement: Track 25-40% increase in users reaching the reviews section within 2-3 weeks
- Time to Reviews: Measure reduction in average time from page load to review section interaction (target: under 15 seconds)
- Product Page Bounce Rate: Monitor for 5-15% decrease in bounce rate as users engage more deeply with product content
- Conversion Rate: Expect 2-8% improvement in product page conversion rate within 30 days, measured via Google Analytics goals or Shopify Analytics
- AVOID: Making review counts look clickable without actually adding click functionality - this creates user frustration and increases bounce rate
- BEST PRACTICE: Always test click functionality across mobile devices and different browsers before going live
- AVOID: Using generic anchor links that cause jarring page jumps instead of smooth scrolling behavior
- BEST PRACTICE: Implement smooth scrolling with appropriate offset to account for sticky headers or navigation bars
- AVOID: Forgetting to update the review section ID or class name when switching review apps, breaking the scroll functionality
Get A Free Website Audit.
We’ll identify what’s leaking revenue on your site and show you how to fix it. The free audit includes: