WordPress E-Commerce Development w/ WooCommerce & Storefront
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
66 students enrolled
Wishlisted Wishlist

Please confirm that you want to add WordPress E-Commerce Development w/ WooCommerce & Storefront to your Wishlist.

Add to Wishlist

WordPress E-Commerce Development w/ WooCommerce & Storefront

Learn WooCommerce with Storefront and start creating amazing online stores! Let's build a complete & beautiful store!
5.0 (2 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
66 students enrolled
Last updated 9/2017
English [Auto-generated]
Current price: $12 Original price: $200 Discount: 94% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 8.5 hours on-demand video
  • 3 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • How to install and create products in storefront
  • Add categories, tags, prices, sale prices & inventories to products
  • Create digital products to sell music, magazines, movies & more
  • Create grouped projects
  • Receive Payments with PayPal
  • Manage Shippings, Taxes, Customers & more
  • Use storefront in your online store
  • Create a Child Theme of storefront & customize it with CSS, Hooks and Templates
  • I will share with you a lot of codes to improve your storefront store
  • We will add MailChimp & AddThis! into our store
  • We will customize each page of WooCommerce
View Curriculum
  • Basic WordPress experience, installing plugins, adding post and installing WordPress locally
  • If you know the basics of HTML & CSS you will feel comfortable when we're editing the theme
  • You will need a Code Editor (Visual studio code, Atom, Sublime Text, brackets) and a Local Server such as Flywheel, Bitnami, MAMP, WAMP, XAMPP.

If you want to create an online store for your business or your clients this course is for you!

In this course you will learn WooCommerce basic and advanced features, such as creating products, categories, shipping, accepting payments with PayPal, variations and attributes & more.

We will install Storefront, a beautiful theme specially designed for WooCommerce, and we're going to create a Child Theme to extend the functionality.

We will add AddThis!, MailChimp, Advanced Custom fields into our store, also we will use the Blog as marketing tool and show related products in our entries.

You Will learn how to customize Storefront with Templates, CSS and Hooks. This is course is packed with tips and codes to improve your site.

Who is the target audience?
  • Developers, designers or business owners that want to create an online store
  • If you are not sure which platform you should use for your online store check out this course and you will see why WooCommerce is the best option
  • If you have some experience with WooCommerce but want to one further with hooks and customizing the templates and CSS, this course is for you!
Compare to Other WooCommerce Courses
Curriculum For This Course
112 Lectures
2 Lectures 07:28

Let's review the final project for this course!

Preview 06:19

Here's the PS file and the images used in this course !

Preview 01:09
Some Insights and things to keep in mind when developing an online store
5 Lectures 14:32

Let's review the basics of e-commerce!

The Basics of E-Commerce

When you are creating an online store is key to define an audience, doing this and you will be closer to success!

Define an Audience

The most important in an online store is the security, let's see some considerations that you should keep in mind!

Security in your store

Why you should use WordPress for e-commerce?

WordPress for e-commerce

WooCommerce is the best option, flexible, powerful, here's why you must use WooCommerce for your next project!

Preview 02:31
Installing WordPress & WooCommerce
2 Lectures 11:04

Let's install WordPress localy, i'm going to be using MAMP, but you can use WAMP, XAMPP, Bitnami or Flywheeel

Preview 05:12

Let's install WooCommerce 

Installing WooCommerce
Working with Products
11 Lectures 46:19

Let's become familiar with the WooCommerce Interface, let's create our first product

Preview 03:38

You can add a description for your products, let's see how in this video!

Adding a Description

If you have several images of the same product is a good idea to create a gallery, let's see how  in this video

Creating a Gallery in products

You can manage the inventory of your products in WordPress too! let's see how in this video!

Managing Inventory on Products

Setting weights and sizes for your products will make more precise calculations when you setup a live rates shipping plugin, let's see how in this video!

Adding Weights and Sizes for Products

Here's the difference:

Upsell: When you want to sell a more expensive / more profitable product when the user is checking a lower price product

Cross Sell: when you want to sell a complementary Product

Adding Up-sell and Cross-sell products

If you have different color and sizes for your products, is a good idea to create a Product Variation,  let's see how in this video

Creating a Product Variation

Let's continue working with product variations!

Adding more information for our variation products

You can also add global attributes, this will are attributes that can be used in any product

Adding Global Attributes

If you wanna sell music, audios, images, logos, or something, Downloadable products are here!

Creating a Downloadable product

If you want to group a lot of products inside one product, you can use Grouped Products

Selling Grouped Products
Installing Storefront
2 Lectures 03:54

Storefront, a beautiful WordPress theme specially designed for e-commerce, let's install this theme

Installing Storefront

When you activate storefront it comes with a section specially for the main categories, let's see how you can add the images there

Adding the Main Image Categories
Shipping Methods
8 Lectures 22:24

Let's see how to manage shippings in WooCommerce

Adding our Shipping Zones

Let's add a Flat Rate for the shippings!

Adding a Flat Rate

Let's enable Free Shipping for our store!

Enabling Free Shipping

Let's customize the shipping labels

Customizing the shipping labels

Let's add support for shipping to other countries

Adding a Flat rate to shipping in other countries

Let's see how you can support all the rest of countries

Managing Countries outside of the Shipping Zones

Let's install a plugin that will display some live ratos from the USPS

Setting Live Rates with USPS

Let's add a Shipping class and apply it to a Product

Adding a Shipping Class
The WooCommerce Settings Tab
6 Lectures 24:01

The general tab contains most general adjustments, but is really important too!

The General Tab

In the products tab you can manage the inventory messages and more, let's overview this tab!

The Products Tab

The Tax tab is really powerful and complex

The Tax Tab

Let's take a look at the shipping tab

The Shipping Tab

The Checkout tab has some nice adjustments, in this video i'm going to show you an overview

The Checkout Tab

Let's review the last 3 Tabs

The Accounts, Emails and API Tabs
Payment Gateways and Discounts
4 Lectures 13:38

Receiving Payments will define the success for your store, check for a solution that works well in  your country, but also is important to know the fees!

Receiving Payments

Let's see how you can configure PayPal Express

Configuring PayPal Express

Let's review some other options avaiable to receive payments!

Payment Gateways plugins available

In this video let's see how you can create a coupon and the options available

How to create coupons
Creating a Child Theme of Storefront and How to Customize your Store
8 Lectures 42:21

Let's create more content  the About Us and the contact us pages

Creating the About Us & Contact Us Pages

A child theme is a safe way to modify an existing WordPress theme, so let's review the basics of child themes!

What's a Child Theme

Now that we know what's a Child Theme let's create a child theme of storefront

Creating and Activating a Child Theme

When you're working with WooCommerce you have 3 ways to make changes in your store

How to Modify the appearance of your online store

So let's see a small example of using CSS!

Using CSS

Overriding template is less common in my experience, but let's see how you can override a WooCommerce Template

Using and overriding Templates

Hooks are the most powerful and common way to modify an online store, let's see how we can make some changes

Using Hooks

Another way but less powerful and more limited is the customizr, let's add the final changes before jumping into the code!

Using the Customizr
Working with Menus in Storefront
5 Lectures 30:50

In Storefront you have 3 different menus available, let's create the Main Navigation first!

Creating the Main Menu

The Secondary Menu is great for a Social Media Menu, let's create some links

Creating the Social Menu

Also we have a 3rd menu specially designed for mobile

Creating the Mobile Menu

So let's add some CSS to the Main Navigation

Styling the Main Menu

Let's add some CSS to the Mobile Menu

Styling the Mobile Menu
13 More Sections
About the Instructor
Juan Pablo De la torre Valdez
4.5 Average rating
3,846 Reviews
13,666 Students
19 Courses
Freelance Web Developer and Owner of Easy-WebDev

My name is Juan Pablo De la torre Valdez, i´m from Guadalajara. Mexico.
For the last 10 years i been working with the web, i have a lot of experience in modern Web Technologies such as Foundation, Bootstrap, RWD, WordPress, Drupal, PHP, JavaScript & jQuery, HTML5, CSS3, SASS and Photoshop.

I started a company called CreativaWeb where i design and develop WordPress based websites.

I really like to design and develop websites, in the recent years i made hundreds of websites for Government, Universities, Startups and Medium-Size Companies from my city, the whole country and  from another countries.


Soy diseñador y programador web desde hace más de 10 años, tengo amplia experiencia y trabajo diariamente con tecnologías como Foundation,  Bootstrap, WordPress, Drupal, PHP,JavaScript y jQuery, HTML5, CSS3, SASS y Photoshop.

Comencé una compañia llamada CreativaWeb, donde principalmente diseño y desarrollo sitios web en WordPress.

Me gusta combinar mi trabajo en diseño y programación; en los años anteriores he hecho cientos de páginas para dependencias del Gobierno, Universidades, Pequeños y Medianos de negocios de mi ciudad, a nivel nacional y de otros países.