Post 11 | Add a Shop | Project 3


Add a Shop 


My client did not require a shop for their site, given this, I have still set one up to show my understanding and ability in this area, then I can then remove for the client at a later date.

Searching through the plugin library in WordPress I was searching for the most user-friendly template that a client could maintain on their own after my absence, this would require the easy editing or products, costs, sales, images and information.

Considering this I chose the most popular plugin for online shops that WordPress uses.



Using an efficient wizard my shop was set up within minutes, my next step was to create a product and see if this plugin held the required functionality.



This is the create product page, bolstering a busy interface at first but after a little navigation, I found it easy to understand how this works.

The right side holds the categories, tags, product image and product gallery.
The left side holds the product name, information and data.

To easy edit the product cost, images and information the client can easily access this page again at a later date through the view all products option in the WordPress menu. The interface for editing the product is the same as creating one so it will be a familiar process after they have created at least one product before.




Here I have filled in the left hand fields with test information.



Here I have placed an image in the product image section, easily interchangeable.



Here I am implementing the shop pages which WooCommerce automatically made into the menu structure of my website. Cart & my account are located under the shop drop down to conserve space and maintain a high level of white space around the menu section of the page.



Here it is! My lovely stick figure ready for sale, although I still have to hook up a bank account & paypal account. I will go into that next.






Here is the bank account transfer set page, simplistic and easy to use or change details as needed.



Here is the paypal setup page, clinking on the Blue button below takes the user to the paypal website where they either login to paypal or create a new account for use with this feature.





Comments

Popular posts from this blog

Post 4 | Implement navigation for the website | Project 3

Post 6 | Add a Contact form | Project 3