Embed Size (px)
Citation preview
Magento product page
Best practices
02
What is this presentation about?
Standard Magento product page overview
Recommendations how default Magentopage may be improved
03
Default Magentoproduct page(configurable product)
Magento CE 1.9
MADISON ISLAND
04
• Product title
• Pricing information
• Stock availability
• Main product image
• Image gallery
• Zoom-in feature for images
• Reviews
• Ratings
• Short description
Common elements of Magentoproduct 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.
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
0102
04
05
06 07 08
10
09
MADISON ISLAND
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
07
15TIPS
HOW TO DESIGNA BETTER PRODUCT PAGEIN MAGENTO
08
KEEP ITSIMPLE.
1
09
Use beautiful high-resolutionproduct images.2
GAITLINE
10
Let your customers upload captured by them pictures to the product page.
amasty.com/customer-product-images.html
Extensions timeCustomer product images
by Amasty
11
Include videos todemonstrate your products.3
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 extensionby FMEExtensions
Product Videos extensionby IWDAgency
13
Extensions time
Enable your customers to upload their own videos featuring your products.
ecommerce.aheadworks.com/magento-extensions/video-testimonials.html
Video Testimonialsby aheadWorks
14
Place product pricinginformation prominently.4
ONE2WEAR
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 Costsby Seo Web Apps
Shipping Cost Calculator by Cmsmart
16
Show your productavailability clearly.5
THE WATCH GALLERY
17
Extensions time
magentocommerce.com/magento-connect/out-of-stock-notification-8.html
Out of stock notificationsby Magmodules
18
Write good productdescriptions.6
19
Extensions time
magentocommerce.com/magento-connect/product-attachments-by-amasty
Product Attachments by Amasty
20
Show every productvariation and how it looks.7
VICTORIA’S SECRETS
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
Include productreviews and ratings.
8
23
Extensions time
magentocommerce.com/magento-connect/product-review-reminder.html
Product Review ReminderMagmodules
24
Place returns and paymentinformation prominently. 9
NEW LOOK
25
Feature related productsor up-sells.10
AHMAD
26
Extensions time
ecommerce.aheadworks.com/magento-extensions/automatic-related-products-2.html
Automatic RelatedProducts 2
27
Show trust andquality badges.
SCREWFIX
11
28
Optimize your
add to cart
button.
12
29
Reduce product page loadtime by using cashingtechnique.
13
30
Extensions time
amasty.com/magento-full-page-cache.html
Full Page Cache by Amasty
31
Extensions time
magentocommerce.com/magento-connect/product-questions-by-aheadworks.html
Product question by aheadWorks
Live ChatVarious services
32
Extensions time
amasty.com/magento-ab-testing.html
A/B testing extension by Amasty
