By Victor Bui | Mar 31, 2025 | 5 minutes read
Share
Main problems ❌
❌ The product is shown in only one image, lacking any visuals of its dimensions. Crucially, no measurements are provided, which leaves potential buyers unsure of the product's size and hesitant to purchase.
Solutions ✅
✅An Amazon product page shows dimensions both as a gallery image and in the product description, making it easy for customers to quickly find size information in their preferred format.
Meet Keychron
Challenge
Solution
How Keychron found PageFly?
Hightlight solutions that PageFly provides
Product Details Page
Results
Research from Baymard Institute indicates that users require precise measurements to feel secure in their purchasing decisions. A "Dimensions" image helps bridge the gap between written data and physical representation. However, testing revealed a significant concern: many participants struggled to locate the "Dimensions" image when it was positioned away from expected areas. Here are some insights:
The following are best practices for optimally placing dimension images on product pages:
Ensure "Dimensions" images are prominently displayed in the main product image gallery, ensuring they are easily visible without excessive scrolling. This mirrors familiar shopping behaviors found across various e-commerce platforms.
A PageFly user, Sonex Nonstick, effectively showcased their product dimensions by featuring a detailed dimension image alongside primary product photos in their gallery, ensuring customers could easily find this crucial information while browsing.
Place the "Dimensions" image along with any written dimension information in the product details section. Use clear headers such as “Specifications,” “Measurements,” or “Dimensions” to clearly delineate the section.
Another PageFly user, Merowings, enhances product understanding by placing a detailed dimension diagram next to written measurements in their product description, allowing customers to quickly grasp the item's size through both visual and text formats.
Use descriptive alt text for "Dimensions" images to make product details accessible to screen reader users and improve SEO. Clear alt text helps visually impaired users understand product measurements while also allowing search engines to better index the images, making the product more discoverable in search results.
PageFly's intuitive editor streamlines your store's accessibility by making it simple to enhance images with descriptive alt text, customize title text, and optimize image quality - ensuring all shoppers can access your product information effectively.
This practice helps screen reader users understand product measurements, making the shopping experience more inclusive and user-friendly for visitors who rely on assistive technologies.
Place dimension images where users can easily see them in the mobile view, without requiring lengthy scrolling. Keep the layout clean and uncluttered to help customers quickly find and understand product sizes, reducing frustration and increasing the chances they'll complete their purchase.
IKEA optimizes their mobile shopping experience by strategically placing dimension information at the top of the product details tab, allowing customers to immediately view sizing details without needing to scroll through lengthy content - a practice that keeps shoppers engaged and informed from the start of their product exploration. Source: Baymard
Mobile devices come in a wide range of screen sizes and resolutions. Dimension images need to adapt to these differences to look good on every device.
By using PageFly, you can optimize your images for different screen sizes, ensuring that they resize correctly and maintain visibility and legibility, which significantly enhances user experience during scrolling and contributes to a more polished and professional website.
Integrating "Dimensions" images effectively into your product pages can significantly enhance user experience by aligning with customer expectations.
With PageFly, you can strategically place these images in both the main gallery and adjacent to written dimensions, helping build consumer confidence, reduce abandonment rates, and ultimately improve conversion rates.
In addition, PageFly's responsive design capabilities ensure your dimension images are optimized across both desktop and mobile platforms, creating a smoother and more engaging shopping experience that drives successful purchases.
Check out our powerful built-in CRO features to help you grow
Coming soon
Highlight your deals and engage shoppers to take actions.
Access all the tools you need to build your unique store!
Install PageFly nowFree plan forever. No risk.