WordPress eCommerce with Storefront for WooCommerce Beginner
4.6 (68 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.
1,632 students enrolled
Wishlisted Wishlist

Please confirm that you want to add WordPress eCommerce with Storefront for WooCommerce Beginner to your Wishlist.

Add to Wishlist

WordPress eCommerce with Storefront for WooCommerce Beginner

A step-by-step guide to setup and customize an online eCommerce store using WordPress, WooCommerce and Storefront.
Best Seller
4.6 (68 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.
1,632 students enrolled
Created by Susan Cork
Last updated 7/2017
English
Current price: $12 Original price: $75 Discount: 84% off
4 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2.5 hours on-demand video
  • 17 Articles
  • 9 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?
  • Install, configure WordPress and customize the Storefront theme
  • Install WooCommerce and turn your site into a store to manage your products, categories and images
  • Create a child theme for customization work
  • Have a fully functional WordPress eCommerce online store
View Curriculum
Requirements
  • Have a domain name
  • Have a hosting account
  • An internet connection, text editor, FTP client, and a web browser
  • Software and plugins used in the course are free to download and installation will be covered in the course
Description

Learn how to rapidly deploy the latest FREE WordPress eCommerce theme from WooCommerce.

You will be able to effortlessly customize the new Storefront WordPress theme.

Bulletproof your WordPress site with hassle free theme and plugin updates as Storefront seamlessly integrates with WooCommerce®.

Join now and at the end of my WordPress course you will have a lean and mean eCommerce store on a customized WordPress site.


Review Excerpt from WPLift - An influential WordPress site providing tutorials, theme roundups, plugin guides and general WordPress news

Does This WordPress eCommerce Online Course Deliver?

"When it comes to getting started with this eCommerce course, you have the option of taking a tour of the program to help you understand the lay of the land. You can quickly view the topics for each of the 38+ lessons and see their length.

The step by step tutorial sections of course, such as installing WordPress via cPanel, installing the WooCommerce plugin and Storefront theme, and then configuring your website, are all easy to follow.

At the end of the course you can use the checklist to ensure that you've completed all the necessary steps for your website. You can also download the Storefront user manual eBook for more detailed information.

Overall, this course definitely delivers on its objective of teaching you how to build an online store using WordPress, WooCommerce, and the Storefront theme, with some nice additional lessons on top of that."


Build Your Email List With Bloom – A New Email Opt-in Plugin for WordPress. You will learn how to install Elegant Theme's new opt-in plugin with your Storefront WordPress theme. 

If you haven't started building your email list yet, then today's the day to take action.

Also, if you're looking for an effective way to generate and convert leads, I'll show you how to setup Bloom with an email provider for your WordPress website.


eBook WordPress Storefront Manual

As an added bonus I've included an ebook for this course with screen shots and detailed instructions for you!


This course is an introduction to the WordPress Storefront theme developed by WooCommerce.

If you are a beginner or new to WordPress and WooCommerce software, then this is the perfect course for you.

By the end of my WordPress course you will have a fully functional WordPress eCommerce online store.

Storefront by WooCommerce is FREE. All the software and plugins demonstrated in this WordPress course are free unless otherwise noted.


What are we going to cover in this WordPress course?

Before you get started I'll show you how to assess your eCommerce needs and have a plan of action for your new WordPress website project.

I'll review the requirements of this course.

I'll show you how to install WordPress and the Storefront theme.

You will recreate the WordPress Storefront demo and you'll populate the store with the WooCommerce data.

As an optional bonus, I will show you how to create and install a WordPress child theme.

At the end of my course you'll have a WordPress eCommerce store ready to be customized.


Why should you choose Storefront?

Storefront is a FREE WordPress theme integrated with WooCommerce. Storefront was developed by WooCommerce.

Perhaps you have some items to sell and you would like to get your feet wet by setting up your own online WordPress store. The default Storefront design is clean and simple. It's an excellent starting point from which to customize your store to match your brand, whether that's using the WordPress customizer or a custom plugin / child theme.

Storefront is a flexible and simple solution.

Maybe you have a bricks and mortar store and you haven't found the right software. Storefront is a simple solution to help you get started.

Storefront can be an excellent alternative

Perhaps you have an outdated or antiquated online store and you would like to upgrade to something new and easy to use. Storefront can be an excellent alternative to get you fitted with the latest WordPress theme and functionality.

Perhaps you want to sell eCommerce WordPress solutions to your clients.

Maybe you are a graphics or web designer and you want to start selling eCommerce WordPress solutions to your clients. With Storefront you can create a child theme as I show you in this course and make your CSS customizations. Or you can utilize the built in WordPress customizer to make your design change.


Extra bonus resources and worksheets available

Download the WordPress eCommerce Project Checklist: The checklist will help you organize and successfully launch your new online WordPress store. The checklist provides a list of essential steps, product descriptions, and customer support service tasks to be performed. You can download or print the checklist for ongoing reference.

Download the WordPress Website Creative Brief Worksheet: The brief will help you define the purpose and goals of your WordPress eCommerce project. By completing the worksheet you will have a clear plan to remain focused and on track.

Download the Contents Worksheet: You'll be able to generate ideas for your site structure. The worksheet will help you organize and write your site content in a cohesive manner. This ensures that you will have a well structured website.


Trademarks Disclaimer

WooCommerce® is the most customizable eCommerce platform for building your online business. The instructor of this course has no affiliation with WooCommerce®. This course is training for the WooCommerce® new Storefront theme.

WordPress is a registered trademark of Automattic Inc.
This instructor is not affiliated with or sponsored by Automattic or the WordPress open source project.


All future updates to this course are free – And there's a 30 day absolutely no questions asked full money back guarantee - my personal guarantee of your satisfaction!

Who is the target audience?
  • This course is best suited for someone who is a beginner or new to WordPress and WooCommerce software
  • A business owner who would like to quickly set up an eCommerce store
  • Students looking to sell their products online with an eCommerce Wordpress website
  • A graphics or web designer new to WordPress interested in selling eCommerce solutions to their clients
  • This course is not intended for those who are advanced WordPress and WooCommerce developers
Compare to Other WooCommerce Courses
Curriculum For This Course
52 Lectures
06:16:45
+
Introduction to the Course
7 Lectures 19:24

This course is an introduction to the Storefront theme and WordPress. I’ll go over the topics we’ll cover in the course, as well as review the requirements. At the end of this course you will be able to run your own eCommerce store on a customized WordPress site.

Preview 05:08

Storefront is a free WordPress theme integrated with WooCommerce. Storefront was developed by WooThemes the makers of WooCommerce.

I’ll also touch on why and who this course is for, and how Storefront is an excellent online store for you.

Perhaps you have some items to sell and you would like to get your feet wet by setting up your own online store. The default Storefront design is clean and simple. It’s an excellent starting point from which to customize your store to match your brand, whether that's using the WordPress customizer or a custom plugin / child theme.

Preview 01:49

I’ll go over who I am: my credentials, my experience as a designer and front-end website developer, my work with eCommerce applications, my extensive knowledge building WordPress sites and why I’m teaching this course.

Preview 01:51

Before you get started with your online store, I’ll review how you should assess your eCommerce needs and requirements.

Preview 03:29

There are 5 factors you should consider prior to setting up your Storefront software. A downloadable PDF explaining the importance of each factor will be available in the resources section.

5 Factors to Consider Prior to Setting up Your eCommerce Store
03:03

The Website Creative Brief Worksheet will help you define the purpose and goals of your project, who is the target audience and what content to include. It’s important that you have a clear plan for your website. Once you have determined your goals, content and strategy, you can refer to the brief as your guide from time to time to remind yourself to stay on track. Under Resources you can download the Website Creative Brief Worksheet.

The Website Creative Brief Worksheet Will Help You Determine Your Goals
02:49

We'll go over all the key points from this first section: an introduction to the Storefront theme. We'll highlight some key takeaways for this section!

Conclusion to Section 1: Storefront, eCommerce Review and Requirements
01:14
+
New Storefront from WooCommerce
2 Lectures 07:32

In this video I give you a short preview on how to install the new Storefront theme. Please note: this is a quick demonstration of a new install. If you already have Storefront installed I suggest you make a backup before you update your Storefront theme.

List of new features:
• New – Adding a featured image to the homepage template will now create a ‘hero’ component.
• New – Improved new user experience; WooCommerce installation prompted and added starter content to set up the homepage template, menus, widgets and add some demo products.
• New – Guided tour in the Customizer.

The New Storefront theme from WooCommerce is Here! [Video]
04:56

This article provides a quick preview on how to install the new Storefront demo on a free WordPress testing environment. After you’ve installed the demo content you’ll see the new homepage has a hero image. You can start testing without any worries of breaking a live site when you set up your own free sandbox WordPress testing site.

The New Storefront theme from WooCommerce is Here! [Article]
02:36
+
Install WordPress and the Storefront Theme
5 Lectures 11:19

In this lecture, I will demonstrate a WordPress quick install from your hosting account’s cPanel. Please note if you have a different hosting account, your panel might not appear exactly as shown. You can refer to your hosting company’s documentation or support to access your cPanel. If you don’t know what you have feel free to post a question in the discussion forum.

How to Install WordPress From Your cPanel
02:04

I’ll show you how to prepare your site before we proceed to download the Storefront software. I'll review the WordPress dashboard and the various tools at your disposal. Now is a good time to familiarize yourself with the WordPress dashboard.

WordPress Configuration and a Review of the WordPress Dashboard
02:41

I will show you how to download, install and activate the Storefront theme.

Download, Install and Activate the Storefront Theme
02:54

You will install and activate the WooCommerce plugin.

Install and Activate the Free WooCommerce Plugin
03:01

This quiz will have 5 questions about what we covered in the previous lessons.

A Quick Review Quiz
5 questions

We'll go over all the key points from this section 2: Install WordPress and the Storefront Theme. We'll highlight some key takeaways for this section!

Preview 00:39
+
The Storefront
10 Lectures 46:13

By now you will have installed the Storefront theme. If you haven’t already done so please refer back to the lecture to install the Storefront theme. I’ll show you how to access the Storefront sections and the shopping cart. I will review the installed Storefront pages and the shortcodes.

Storefront Review
02:39

You will configure the menu locations to create a Primary, and a Secondary menu. I will show you how to add menu items.

Configure the Menu Locations
02:39

You will setup the Storefront homepage that displays a selection of products from your store. You will create a new page and assign the "Homepage" template to it. You will then set that as a static homepage in the Reading settings. Currently the homepage is empty. We’ll add some products in a later lecture.

Create the Homepage
02:32

**UPDATE November 20, 2015**

The Homepage control plugin has been moved to the built in Storefront Customizer.
The components are still the same. The difference is that now you can access this plugin's components by going to Appearance then Customize.

To access the Homepage Components Plugin do this:

Go to Appearance > Customize.

Scroll down till you find the Homepage Control.

You can select or deselect which items you want to display on your homepage.

You can also drag and drop to move them around.

##########################################

**UPDATE July 29, 2015**

Please Note: After installing the Homepage Control plugin, you will find the settings by navigating to Appearance > Customize.

The Homepage Control panel is an optional free plugin. I'll download and install the Homepage Control plugin to show you how it works and what you can do with it. Once setup you can toggle and re-order the homepage components using the plugin. Preview the home page and assign it to the Primary menu. You will see why the homepage is empty. In a later lecture we'll populate the store with products.

Please Note: If you find your homepage doesn't have the same layout as shown in my lecture, you will have to assign the Homepage template to your new page.

When you create a page for the Home Page, you will have to assign the "Homepage" template to it. After you create your new page, go to Page Attributes => Template and set to Homepage.

Homepage Control Plugin
03:24

You will learn how to adjust the Storefront’s appearance with the WordPress customizer. I’ll review the customizer settings.

The Customizer
02:43

**UPDATE 2017**

Add, Delete or Change a Custom Logo in Storefront.

To add a custom logo using the WordPress custom logo theme feature, if you’re using Storefront:

1. Go to: Appearance > Customize.

2. Open Site Identity.

3. Click Select Logo.

4. Save & Publish.

You’ll install jetpack. Activate Jetpack to enable a custom logo option in the customizer. If you would prefer not to activate Jetpack and you are a more advanced WordPress user, I have included a link on how to add a custom logo in the resources section.

Add a Logo
04:19

You will use the WordPress importer to locate and import data. I will demonstrate how to install the dummy data. The dummy data for WooCommerce is located in a file called dummy_data.xml which is located in the WooCommerce plugin directory.

I’ll show you how to change the product and catalog image sizes. I will show you why and how to regenerate your thumbnails.

Import Data
12:17

In this lecture I’ll review the Storefront widgets area. You will learn how you can add content to the header, sidebar and the footer.

Widgets
07:20

I’ll review the Storefront products. You will learn how this structure gives you the foundation to populate the store with your own products.

Products
04:58

This quiz will have 4 questions about what we covered in the previous lessons.
A Quick Storefront Review Quiz
4 questions

We'll go over all the key points from this section 3: The Storefront. We'll highlight some key takeaways for this section!

Preview 03:22
+
The Storefront Child Theme
3 Lectures 11:35

This section gives you a comprehensive overview of a child theme. Sample files are included.

Child Themes
00:33

You will learn how to create a child theme. (This is an optional lecture. The child theme is available to download and install in the resources section.). I'll explain why and how to create a child theme.

Create a Child Theme
10:24

We'll go over all the key points from this section 4: The Storefront Child Theme. We'll highlight some key takeaways for this section!

Preview 00:38
+
Page Builder
7 Lectures 28:53

I will show you how to download and install a page builder plugin.

Install a Page Builder
06:40

I will show you how to install a responsive slider. You will learn how to make CSS edits with the aid of your browser.

Install a Slider
09:50

A new plugin is available for Storefront called Title Toggle.

This plugin lets you easily remove the page title from specific pages or posts. The basic case scenario is to be able to hide the title that you will be setting for your "Home" page.

Title Toggle for Storefront Theme
00:59

Customize the header with a call to action.

Customize the Header
05:13

You will learn how to set up a blog posts page.

Set up a Blog
03:59

We'll go over all the key points from this section 5: The Page Builder. We'll highlight some key takeaways for this section!

Preview 01:30

I will conclude the course with some final comments. Any questions can be posted in the discussion forum.

Conclusion to the Course
00:42
+
Child Theme Lectures
5 Lectures 11:47

I will show you how to setup a WordPress staging area and a sub domain.

(This is an optional lecture. Installing and setting up a staging server on a sub domain is not a requirement of the course).

Setting up a sub domain and a staging area for your new website is another way to create your new store if you currently have a live WordPress website.

If you have a live website, typically you would create a working development environment prior to launching your new site. Your development site could be on your computer or set up on a hosted site. In this lecture I show you how to setup a development environment with a sub domain.

Preview 05:16

Boutique is a free Child Theme for Storefront. Before you install Boutique you must have the Storefront theme installed as the base theme, in order to use Boutique.

Learn How to Install Boutique - a Child Theme for Storefront
04:23

New Storefront Child Theme - Boutique - Now Available! In this PDF lecture I show you how to install the new Boutique Child Theme from WooThemes.

PDF: How to Install the New Storefront Child Theme – Boutique
4 pages

For this lecture I've added a PDF information sheet with a list of tips, tricks and CSS tweaks for WooThemes Storefront. This document was extracted from PootlePress.com by permission from the author Jamie Marsland. To access the code from this document please visit the website. All links are available in the resources section for this lecture.

If you have any questions pertaining to this document please feel free to leave a message in the discussion forum. To tackle some of the tips, tricks and CSS tweaks, it is recommended that you use a child theme.

21 Tips, Tricks and CSS Tweaks for WooThemes Storefront
12 pages

Upgrading WooCommerce

The best way to protect your site is by updating the plugin to the latest version.

To upgrade a WooCommerce installation you can choose to upgrade WooCommerce automatically or manually.

Upgrading WooCommerce
02:08
+
Extending Storefront: STOREFRONT POWERPACK from WooCommerce
1 Lecture 00:52

The STOREFRONT POWERPACK empowers you to totally customize your Storefront powered WooCommerce shop. The Storefront Powerpack extension gives you creative control of style and layout options for your Storefront theme. No code knowledge is required, and changes are shown instantly.   

Learn about STOREFRONT POWERPACK
00:52
+
Revew of the Maintenance Mode Plugin for WordPress
2 Lectures 08:40

You can create a simple Coming Soon Page or Maintenance Mode Page with this plugin. Work on your site in private while visitors see a "Coming Soon" or "Maintenance Mode" page. 

Review of the Coming Soon Page & Maintenance Mode Plugin for WordPress
00:38

In this video I show you how to install the Maintenance Mode plugin. Here are some of the pro features of this plugin:

  • Quick & Easy Setup
  • Capture Leads & Grow Your Launch List
  • Work on Your Site in Private
  • Countdown to Launch
  • Go Viral with Social Sharing & Referral Tracking
Watch this video on how to setup the Coming Soon Page & Maintenance Mode Plugin.
08:02
+
Learn How to Install Google Analytics, an eMail Opt-In Plugin and SIDEKICK.
5 Lectures 22:40

The new optional section demonstrates how you can install Elegant Theme's new opt-in plugin with your Storefront theme. You'll create a list with MailChimp and integrate MailChimp's API with the Bloom optin-plugin. You have full control over where and when your opt-in forms appear.

Gain More Email Subscribers with BLOOM, an Email Opt-In Plugin for WordPress
12:04

**UPDATE 2017** WooCommerce Google Analytics Integration

Note: This plugin has not been updated in 11+ months. They offer a pro version. Watch the review of this plugin which provides integration between Google Analytics and WooCommerce. In this lecture you will setup a Google Analytics account and integrate it with Storefront.

**UPDATE 2017** WooCommerce Google Analytics Integration
04:44

Install and setup WP Super Cache for your WordPress site.

WP Super Cache Installation and Setup Guide for WordPress
04:48

Screenshots and setup instructions for the WP Super Cache plugin settings.

WP Super Cache Settings Used
00:23

New Free Plugin: SIDEKICK Helps You Become an Expert User. With SIDEKICK, you can be fully trained on using WooCommerce and its extensions without ever leaving your office.

Woo and SIDEKICK Bring WooCommerce Training to Your Website
00:41
2 More Sections
About the Instructor
Susan Cork
4.2 Average rating
491 Reviews
17,086 Students
5 Courses
Front-End Web Developer and Designer

I work as a freelance designer and front-end website developer. Over the past 15 years I have developed and managed websites for small businesses to large corporations. I have designed and developed WordPress sites for clients for the past four years.

Education:

I have a Bachelor of Arts from York University. I also studied basic computer programming at Centennial College and pre-press computer graphics at Durham Business and Computer College in Toronto.

During the 1990s I freelanced as a graphics designer for a print brokerage firm. I studied at the International Academy of Design's Advertising & Design Program.

In 1998 I became a member of the accredited Association of Registered Graphic Designers of Ontario.

Specialize in WordPress and eCommerce:

I currently specialize in designing and developing WordPress sites for clients. In the past few years, I have created WordPress blogs, forums, Membership based sites, and eCommerce sites. I have extensive knowledge building eCommerce sites and customized WordPress sites.

I have also successfully setup and configured Minecraft servers on the following operating systems: Windows XP, Windows 7, Windows 8.1 and a MAC.

My technical usage includes HTML5, CSS3, Perl, ASP, MySQL, MSSQL, Bootstrap, jQuery/JavaScript and PHP/WordPress.