How to Make an Ecommerce Website with WordPress – Storefront Theme

In this tutorial, I show you how to use the free WooCommerce plugin and the free Storefront theme to make a full functioning eCommerce website with WordPress. Some of the things covered in this video include:

 

  • A detailed look at the exact eCommerce website I’ll show you how to create
  • Setting up a domain name and hosting account with a company called HostGator and getting your first month of web hosting for just 1 cent
  • Installing WordPress on your hosting account
  • Logging in to the backend of your WordPress website
  • Configuring basic WordPress settings
  • Download the free Storefront theme from WooThemes
  • Installing and activating the Storefront theme
  • Downloading and installing the free eCommerce plugin called WooCommerce
  • Setting up basic WooCommerce settings
  • Creating the first page (that will eventually become the homepage)/Overview of the visual and text editor
  • Adding images to your pages
  • Specifying which page you want to be your home page
  • Creating the Contact page using a contact form plugin
  • Creating navigation menus
  • Creating simple products
  • Pointing out the colored outline that will be fixed later in the video
  • Creating variable products
  • Creating a Product Categories page using a WooCommerce shortcode
  • Adding Product Categories to the navigation menu
  • Going over product image size settings – Use the “regenerate thumbnails” plugin to fix blurry thumbnail images!
  • Disucssing the product image gallery lightbox effect
  • Finishing setting up the home page with the “Homepage Control” plugin – displaying products on your home page
  • Coming up with a professional color scheme
  • Creating a custom logo
  • ixing the border outline that displays when images are clicked
  • Setting up payment processing with PayPal
  • Configuring tax settings
  • Setting up flat rate shipping options
  • Setting up an optional free shipping option
  • Setting up advanced shipping options for products that require additional shipment costs
  • Utilizing cross selling to increase complimentary product exposure and maximize your revenue
  • Discussing widgets and widget areas (adding shopping cart and other widgets to your footer and sidebar)
  • How to look at your customer’s orders

How to Make a Custom eCommerce Website with WordPress


In this step-by-step tutorial, I walk you through how to set up an online store with WordPress.  I am using a great theme called Mio from splashingpixels.com.  The theme itself resembles the look of Apple’s website but you can customize the background/font/text color/etc…The Mio theme is also designed specifically for the eCommerce plugin we will be using called WooCommerce from woothemes.com  Both the theme and the plugin are absolutely free.

Things covered in this video include:

-Setting up a domain and hosting account with HostGator.com
-Getting your first month of web hosting for just 1 cent
-Installing WordPress
-Downloading and installing a free, professional, and responsive WordPress theme
-Installing the free WooCommerce plugin for advanced eCommerce functionality
-Setting up custom navigation menus
-Creating your own professional looking logo even if you don’t have an artistic eye
-Changing your background color or using free textured backgrounds to make your site look more professional
-Creating pages and adding images to your pages using the visual editor
-Adding new products and product categories to your store
-Setting up and integrating a PayPal account for quick and easy payment processing
-Setting up advanced tax and shipping options
-Using up-selling and cross-selling to maximize your profit
-Adding a blog to your website
-Adding widgets to your sidebars for enhanced user interaction
-Basic WordPress settings and more

My HostGator affiliate link is: http://secure.hostgator.com/~affiliat/cgi-bin/affiliates/clickthru.cgi?id=wordpresssculptor

If you need web hosting, I highly recommend HostGator, I also receive a small commission if you use one of my coupon codes:
wpsculptor1cent gives you your first month of hosting for just 1 cent
wpsculptor25 gives you 25% off your entire hosting order (a better discount for people who want to purchase several months at once).  Thanks in advance for your support!