This document provides best practices for designing a better product page in Magento, including 15 tips. It recommends using high resolution images and videos, prominently displaying pricing, availability, and reviews. Additional tips include writing good descriptions, showing product variations, featuring related products, and optimizing load times. The document also suggests extensions that can enhance product pages, such as enabling customer uploads, questions, and A/B testing.

1. Magento product page
Best practices

2. 02
What is this presentation about?
Standard Magento product page overview
Recommendations how default Magento
page may be improved

3. 03
Default Magento
product page
(configurable product)
Magento CE 1.9
MADISON ISLAND

4. 04
• Product title
• Pricing information
• Stock availability
• Main product image
• Image gallery
• Zoom-in feature for images
• Reviews
• Ratings
• Short description
Common elements of Magento
product page
• Product options
• Wishlist
• Compare products feature
• Send email to a friend feature
• Social sharing buttons
• Add to cart button
• Long description
• Tags
• Other tabs with additional informa-
tion.

5. 05
Tabs with additional information
Product title
Price
Product options
Social bookmarks
Send email to a friend
Wishlist
Compare products options
Short description03
04
Add to cart button05
01
02
08
09
10
06
07
03
01
02
04
05
06 07 08
10
09
MADISON ISLAND

6. 06
The product page also may contain blocks with related
products and up-sells. They appear respectively under the
section with wishlist and social sharing buttons and below the
tabs with additional information.
MADISON ISLAND

7. 07
15
TIPS
HOW TO DESIGN
A BETTER PRODUCT PAGE
IN MAGENTO

8. 08
KEEP IT
SIMPLE.
1

9. 09
Use beautiful high-resolution
product images.2
GAITLINE

10. 10
Let your customers upload
captured by them pictures to the
product page.
amasty.com/customer-product-images.html
Extensions time
Customer product images
by Amasty

11. 11
Include videos to
demonstrate your products.3

12. 12
Extensions time
To implement video on your Magento site, you could use
magentocommerce.com/
magento-connect/product-videos.html
magentocommerce.com/
magento-connect/product-videos-2.html
Product Videos extension
by FMEExtensions
Product Videos extension
by IWDAgency

13. 13
Extensions time
Enable your customers to upload their own videos
featuring your products.
ecommerce.aheadworks.com/
magento-extensions/video-testimonials.html
Video Testimonials
by aheadWorks

14. 14
Place product pricing
information prominently.4
ONE2WEAR

15. 15
Extensions time
Include shipping costs into the product page.
magentocommerce.com/magento-connect/
product-page-shipping-costs.html
magentocommerce.com/magento-connect/
shipping-cost-calculator-extension.html
Product Page Shipping Costs
by Seo Web Apps
Shipping Cost Calculator
by Cmsmart

16. 16
Show your product
availability clearly.5
THE WATCH GALLERY

17. 17
Extensions time
magentocommerce.com/magento-connect/
out-of-stock-notification-8.html
Out of stock notifications
by Magmodules

18. 18
Write good product
descriptions.6

19. 19
Extensions time
magentocommerce.com/magento-connect/
product-attachments-by-amasty
Product Attachments
by Amasty

20. 20
Show every product
variation and how it looks.7
VICTORIA’S SECRETS

21. 21
More advanced way to present products with multiple options
— create product configurators enabling your customers to
customize and personalize products to fit their exact
preferences.
BROOKLYN POPCORN
NIKE

22. 22
Include product
reviews and ratings.
8

23. 23
Extensions time
magentocommerce.com/magento-connect/
product-review-reminder.html
Product Review Reminder
Magmodules

24. 24
Place returns and payment
information prominently.9
NEW LOOK

25. 25
Feature related products
or up-sells.10
AHMAD

26. 26
Extensions time
ecommerce.aheadworks.com/magento-
extensions/automatic-related-products-2.html
Automatic Related
Products 2

27. 27
Show trust and
quality badges.
SCREWFIX
11

28. 28
Optimize your
add to cart
button.
12

29. 29
Reduce product page load
time by using cashing
technique.
13

30. 30
Extensions time
amasty.com/magento-full-page-cache.html
Full Page Cache
by Amasty

31. 31
Extensions time
magentocommerce.com/magento-connect/
product-questions-by-aheadworks.html
Product question
by aheadWorks
Live Chat
Various services

32. 32
Extensions time
amasty.com/magento-ab-testing.html
A/B testing extension
by Amasty

33. Thank you
for being with us!
www.magecom.net
info@magecom.net