This document outlines essential components for an eCommerce website, including general elements that should be on every page like search boxes and social media icons. It describes key sections like headers, footers, homepage, product pages, category pages, blogs, and contact pages. For each section, it lists important elements that should be included, such as contact information in headers, store information and links in footers, slideshows and featured products on the homepage, tabs and reviews on product pages, filters and sorting on category pages, and contact details on the contact page. The goal is to provide customers with an optimized experience when browsing products and content on the site.

1. eCommerce
Website Components
Essential components an eCommerce website needs
WooCommerce Themes and Plugins provider

2. Website Interface
General
Header & Footer
Home Page
Product Page
Category Page
Blog
Contact Page
WooCommerce Themes and Plugins provider

3. 1. General
Some important components should be made visible through out every page of your website
WooCommerce Themes and Plugins provider

4. 1. General
Some important components should be made visible through out every page of your website
• Search box is the very first thing every website should have. It should be simple in
design yet be able to search from content of every webpage.
Header search boxes
WooCommerce Themes and Plugins provider

5. 1. General
Some important components should be made visible through out every page of your website
Header Social icons
• Social icons must be visual on header, footer or both as social media is growing
dramatically and social marketing is the trend of the decade, don’t lose a chance to
engage with your online customers.
• Search box is the very first thing every website should have. It should be simple in
design yet be able to search from content of every webpage.
Header search boxes
WooCommerce Themes and Plugins provider

6. 2. Header
Header should contain all information of shop owner so customers can contact anytime
something pops in their mind, e.g. pre-sale questions, product support…
WooCommerce Themes and Plugins provider

7. 2. Header
• Phone Number
• Email
• Skype or Yahoo ID
• Sticky menu/header
Header should contain all information of shop owner so customers can contact anytime
something pops in their mind, e.g. pre-sale questions, product support…
WooCommerce Themes and Plugins provider

8. Footer can take up a large area at the bottom of your page, allowing you to put important, large
modules that you want customers to see.
3. FooterWooCommerce Themes and Plugins provider

9. Footer can take up a large area at the bottom of your page, allowing you to put important, large
modules that you want customers to see.
3. Footer
• Store information: Most important of
all are your store’s description and
contact information.
• Newsletter subscribe box is essential if
you may have an email marketing
campaign.
WooCommerce Themes and Plugins provider

10. Footer can take up a large area at the bottom of your page, allowing you to put important, large
modules that you want customers to see.
3. Footer
• Store information: Most important of
all are your store’s description and
contact information.
• Social plugins - Facebook like box or Latest Tweets are
good if you have concern about social marketing and
want to convert website visitors to social network
followers. But don’t overflow your website footer with
content from your social pages.• Newsletter subscribe box is essential if
you may have an email marketing
campaign.
WooCommerce Themes and Plugins provider

11. 3. Footer
• Links and Menus: Put the most
important links (policy, menu) so your
customers can navigate easily.
3. FooterWooCommerce Themes and Plugins provider

12. 3. Footer
• Links and Menus: Put the most
important links (policy, menu) so your
customers can navigate easily.
• Categories and Products clouds tag: If you run a shop
with lots of products and categories then consider
putting tags there too!
3. FooterWooCommerce Themes and Plugins provider

13. 4. Home Page
Homepage is the face of your website. Guide your visitors from home page to the best
things you have in your eCommerce website.
WooCommerce Themes and Plugins provider

14. 4. Home Page
• Slideshow & CTA Button: A good
slideshow with CTA buttons is a must
for your homepage since it catches
your customers’ first impression, e.g.
See more, shop now, check it now…
Homepage is the face of your website. Guide your visitors from home page to the best
things you have in your eCommerce website.
WooCommerce Themes and Plugins provider

15. 4. Home Page
• Slideshow & CTA Button: A good
slideshow with CTA buttons is a must
for your homepage since it catches
your customers’ first impression, e.g.
See more, shop now, check it now…
• Featured categories/ products are also
crucial and can be used many ways to fit
your needs.
Homepage is the face of your website. Guide your visitors from home page to the best
things you have in your eCommerce website.
WooCommerce Themes and Plugins provider

16. • Promotional banners should be
visible to show off your shop values
(e.g.: Free shipping, 24/7 support).
4. Home PageWooCommerce Themes and Plugins provider

17. • Promotional banners should be
visible to show off your shop values
(e.g.: Free shipping, 24/7 support).
• A blog/Facebook page post preview is
to considered if you have good content
running.
4. Home PageWooCommerce Themes and Plugins provider

18. 5. Product Page
Product page should contain everything a person needs to know about a product and
to make the purchasing decision.
WooCommerce Themes and Plugins provider

19. 5. Product Page
• Product pictures must be taken in one-
size format only for the best user
experience.
Product page should contain everything a person needs to know about a product and
to make the purchasing decision.
WooCommerce Themes and Plugins provider

20. 5. Product Page
• Product pictures must be taken in one-
size format only for the best user
experience.
• Tabs providing additional information for
purchasing a product such as shipping,
refund policies.
Product page should contain everything a person needs to know about a product and
to make the purchasing decision.
WooCommerce Themes and Plugins provider

21. 5. Product Page
• Social review/sharing buttons are required
if you wants your products to have a
chance to go viral.
5. Product PageWooCommerce Themes and Plugins provider

22. 5. Product Page
• Social review/sharing buttons are required
if you wants your products to have a
chance to go viral.
• Relevant/recently viewed products should be
visible and optimized for better cross selling
5. Product PageWooCommerce Themes and Plugins provider

23. 6. Category Page
A category page should not be taken lightly. It must be optimized for customers to browse
through hundreds of products easily.
WooCommerce Themes and Plugins provider

24. 6. Category Page
• Category description: Information such as
description, banners or videos to better
describe a product category.
A category page should not be taken lightly. It must be optimized for customers to browse
through hundreds of products easily.
WooCommerce Themes and Plugins provider

25. 6. Category Page
• Category description: Information such as
description, banners or videos to better
describe a product category.
• Product filters, sorting & other view
setting should be included to improve
user experience.
A category page should not be taken lightly. It must be optimized for customers to browse
through hundreds of products easily.
WooCommerce Themes and Plugins provider

26. 7. Blog
Content is king and the future of SEO. That’s why your blog should have as many features as
a premium blog does.
WooCommerce Themes and Plugins provider

27. 7. Blog
• Thumbnail/Featured pictures of each
blog post to give readers a quick
impression of what the article is about.
• Popular/recent posts preview to
increase on-page time
• Email subscribe box to increase
engagement in the future
Content is king and the future of SEO. That’s why your blog should have as many features as
a premium blog does.
WooCommerce Themes and Plugins provider

28. 8. Contact Page
Make it easiest for your customers to contact you when they visit this page.
WooCommerce Themes and Plugins provider

29. 8. Contact Page
Make it easiest for your customers to contact you when they visit this page.
• Map with exact store’s location.
• Contact information with phone
number, email, address.
• Contact form so they can drop a
quick message.
• Links to your social profiles or
anywhere else customers can reach
you.
WooCommerce Themes and Plugins provider

30. Visit WooRockets blog for more
eCommerce tips and tutorials
http://woorockets.com/blog
WooCommerce Themes and Plugins provider
Thanks for your attention!