Login with:


Or:


Not a member? Sign Up

Forgot Password?

Signup with:


Or:


Already have an account? Log in

WooCommerce


Written by Michał Krawczyk ,

Installation


  1. Go to the Plugins and click on Add new button, near the "Plugins" Headline.
  2. Find the Woocommerce Plugin in the search and install it. You also have to activate it. Therefore, click Activate. In your sidenav in the dashboard, two additional labels will appear: "WooCommerce" and "Products".
  3. WooCommerce plugin - WordPress view
  4. Once installed and activated, the plugin needs to be configured. Follow the instructions.
  5. Firstly, you will be welcomed, then in the next page in a few paragraphs, the most important keywords will be introduced.
  6. In the next step, you will be asked about the location of your store, currency and measurements units.
  7. Next card is about the shipping methods and taxes. You don't have to specify all of the options now, you may skip it and edit later.
  8. Payments is another step which can be edited later. There are a variety of available options, which is another advantage of this plugin.
  9. Finally, you've completed all steps. Now you're ready to set up your store.


Usage



  1. If you have set the environment, it's time to add the products and use the MDW ecommerce widget. Just after the first configuration, in the last card, you will see the button which can move you to the Product section, where you will be adding all of your products. So, click Create your first product! button.
  2. Now add the name of your product.
  3. Scroll down to the Product data section. It should look like in the image below:
  4. WooCommerce - product data section
  5. First things first. Set the price of your first product. In the future, you'll probably run some sale campaigns, then you'll set also the sale price of your products. Now, leave it blank.
  6. Next important section is Inventory. It's a place where you assign the stock-keeping unit and whether your product is available in the stock or not. (Stock status)
  7. Now let's make a description of your product. Below the card you've just edited there is a place where you can edit Product short description. It will be displayed below the price.
  8. Another important step is an assignment of the product pictures. On the right side of your dashboard, there are 2 sections: Product Image and Product Gallery. Choose the main picture and if you want to, add more into the gallery (if you want to add multiple images at a time in the gallery, hold CTRL button while selecting photos). You may also add media inside the Product Short Description section.
  9. If your description and images are uploaded, click Publish.
  10. Now, add a few more products and go to the Categories.
  11. Categories are useful especially when you have a lot of different kinds of products. Then, categorization is crucial to easy navigation. So, hoover at Products and choose the Categories. Type the name of the category, slug and add the category image. On the right side, you will see all of the added categories. Why have we added the products instead of the categories first? Because if you
  12. More detailed description of Woocommerce product options will be presented in the future tutorials.


MDW Ecommerce widget



  1. You have added product and categories. Now it's time to work on the appearance of the page where your stuff will be displayed.
  2. Go to the Widgets, then drag and drop the MDW ecommerce widget into the Ecommerce page widget area.
  3. Here you have 5 available versions. Choose the one you prefer and type the Title and the Content, which will be displayed above your products. Remember, that Fourth version is not using particular products, but categories (with the photos you've assigned to them).
  4. I suppose, that you've already created the page using Ecommerce template (if not, please go back to the Ecommerce lesson). Choose that page as a Page to display widget.
  5. Remember that our widget allows you to use two display options - all categories or one of your choice. Therefore, you may add this widget using different versions for the different categories of products like in the picture below.
  6. Ecommerce widget area in Material Design for WordPress theme
  7. Don't forget to save the changes.

Do you want to share?


About author


User avatar

Michał Krawczyk

Digital Marketing Analyst at MDW with a strong Research background, student of Interfaculty Individual Studies in the Humanities at the Jagiellonian University

Leave a reply

Card image cap

Stay up to date


Subscribe to our newsletter

Rapid change in the world of web development is its inseparable quality. New updates and features are being constantly released, almost every week. Don't forget to be up to date.