WordPress E-Commerce Development w/ WooCommerce & Storefront
4.2 (326 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,572 students enrolled

WordPress E-Commerce Development w/ WooCommerce & Storefront

Learn WooCommerce with Storefront and start creating amazing online stores! Let's build a complete & beautiful store!
4.2 (326 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
2,572 students enrolled
Last updated 6/2019
English [Auto]
Current price: $129.99 Original price: $199.99 Discount: 35% off
19 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 9.5 hours on-demand video
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand all 122 lectures 09:35:13
+ Introduction
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
6 lectures 19:25

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

A lot of clients will tell you that Shopify is cheaper (notice CHEAPER not Better) than WooCommerce, but, this is true? let's see some examples!

Preview 04:53
+ Installing WordPress & WooCommerce
2 lectures 13:02

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

Preview 05:05

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
Selling Grouped Products
+ Working with Storefront
2 lectures 15:08

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

Installing Storefront & the Customizr

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
7 lectures 18:15

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 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

In the course materials for this video, you will find the finished version just in case that you ran into trouble :)

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
  • 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 this course is for:
  • 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!