View
304
Download
0
Tags:
Embed Size (px)
Citation preview
6 Best Practices to Build E-commerce Websites on Mobile
By WooRockets.com
In this slideshow
We’ll discuss how we should optimize our e-commerce website for mobile to dig into that gold mine.
Basically it is divided into 2 main factors:
appearance and function
1. Use responsive design
Use responsive design so your e-commerce website can fit any screen without breaking, especially images have to be displayed properly.
2. Use smart navigation
- Remember to organize the mobile screen neatly.
2. Use smart navigation
- Remember to organize the mobile screen neatly.
- Remove unnecessary functions, or integrate them into the menu.
3. Optimize your images/videos
- Optimize your beautiful high-resolution photos of your products for mobile.
Help website load faster on mobile.
3. Optimize your images/videos
- Optimize your beautiful high-resolution photos of your products for mobile.
Help website load faster on mobile.
- Display videos and images in a grid layout to save space.
Make it easier to browse.
4. Integrate social media
- Use social media on your e-commerce websites for log in or register
4. Integrate social media
- Use social media on your e-commerce websites for log in or register
- Display sharing buttons on a product page or after a purchase
4. Integrate social media
- Use social media on your e-commerce websites for log in or register
- Display sharing buttons on a product page or after a purchase
Make social media your tool to reach out for customers.
5. Use Geo-location
• Using geo-location helps locate your customer and tell them the nearest store.
Very useful if you have a chain of clothes shops or restaurants.
5. Use Geo-location
Uber is one great example of using geo-location to drive
more users(image from marketblog.envato.com)
6. Make short forms
• Show the filling in process at the top of the page
6. Make short forms
• Show the filling in process at the top of the page
• Make drop-down lists
6. Make short forms
• Show the filling in process at the top of the page
• Make drop-down lists
• Be clear in what you’re going to do with the information you ask for
6. Make short forms
• Show the filling in process at the top of the page
• Make drop-down lists
• Be clear in what you’re going to do with the information you ask for
• Use in-line validation
View blog version of this slideshow here: http://www.woorockets.com/?p=5249 Click Follow us on Slideshare for more useful knowledge about WordPress,
WooRockets and e-commerce.
Let’s get to know each other via our social channels:Facebook: http://www.facebook.com/WooRockets Twitter: http://www.twitter.com/WooRocketsVimeo: http://vimeo.com/woorockets
WooRockets.comWe create WooCommerce themes and plugins to boost your shop up!
THANK YOU FOR READING!