6 Best Practices to Build eCommerce Websites on Mobile

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!