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.
4.6 (31 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,371 students enrolled
Instructed by Susan Cork Development / E-Commerce
$75
Take This Course
  • Lectures 50
  • Contents Video: 2.5 hours
    Other: 4 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 English

Course Description

Rapidly deploy the latest FREE WordPress eCommerce theme developed by WooThemes™.

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


New Bonus Section now available: 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. This plugin is available to you as a student of this course.

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

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 WooThemes is FREE. All the software and plugins demonstrated in this WordPress course are free.


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 customized WordPress eCommerce store.


Why should you choose Storefront?

Storefront is a FREE WordPress theme integrated with WooCommerce. Storefront was developed by WooThemes the makers of 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

WooThemes is the market leader in premium themes and plugins for WordPress. The instructor of this course has no affiliation with WooThemes. This course is training for WooThemes/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!

What are the 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

What am I going to get from this course?

  • 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

What 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

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to the Course
05:08

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.

01:49

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.

01:51

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.

03:29

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

Article

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.

Article

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.

Article

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!

Section 2: Install WordPress and the Storefront Theme
02:04

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.

02:41

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.

02:54

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

03:01

You will install and activate the WooCommerce plugin.

5 questions

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

Article

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!

Section 3: The Storefront
02:39

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.

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.

02:32

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.

03:24

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

02:43

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

04:19

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.

12:17

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.

07:20

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.

04:58

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

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

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

Section 4: The Storefront Child Theme
Article

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

10:24

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.

Article

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!

Section 5: Page Builder
06:40

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

09:50

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

Article

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.

05:13

Customize the header with a call to action.

03:59

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

Article

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

00:42

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

Section 6: Child Theme Lectures
05:16

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.

04:23

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.

4 pages

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

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

02:08

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.

Section 7: Extending Storefront: A Review of Storefront Extensions from WooThemes
Article

The Storefront WooCommerce Customizer empowers you to totally customize your Storefront powered WooCommerce shop. The Storefront WooCommerce Customizer adds a bunch of additional settings to the WordPress Customizer allowing you to further customize the look and feel of your shop. This section is optional because this is a paid plugin. I'll demonstrate to you how this paid extension works. In order to receive updates and support for this plugin, it's available for purchase with WooThemes. For more information about the Storefront WooCommerce Customizer extension, you can review the documents and download the plugin in the resources section of this lecture.

04:58

You'll learn how to activate the Storefront WooCommerce Customizer. All downloads and resources are available in the Storefront WooCommerce Customizer Installation Instructions lecture.

07:42

You'll learn how to get complete control of your WooCommerce shop with the Storefront WooCommerce Customizer extension. All downloads and resources are available in the Storefront WooCommerce Customizer Installation Instructions lecture.

Section 8: Learn How to Install Google Analytics, an eMail Opt-In Plugin and SIDEKICK.
12:04

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. This plugin is available for you to try. You can download the plugin in the resources section.

04:44

This plugin provides integration between Google Analytics and WooCommerce. In this lecture you will setup a Google Analytics account and integrate it with Storefront.

04:48

Install and setup WP Super Cache for your WordPress site.

Article

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

Article

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.

Section 9: eCommerce Resources
Article

Download the eCommerce Project Checklist to help you plan your website.

Article

Download the website contents worksheet to generate ideas for your site structure.

2 pages

Links to eCommerce resources.

184 pages

As an added bonus I’ve included an ebook for this course. This PDF ebook is a comprehensive manual that you can use with the course. I’ve included screen shots and detailed instructions from the course into this ebook for you.

Section 10: Bonus: Special Offers
Article

Congratulations to everyone that has made it through the course! Stay tuned as I will continue to add to this section.

++++++++++++++++++++++++++++++++++++++++

Join my FREE course!

Learn How to Build a WooCommerce eCommerce T-Shirt Store with WordPress

Learn how to integrate WooCommerce with Printful and start selling your own custom designed t-shirts using WordPress.

++++++++++++++++++++++++++++++++++++++++

Here are discount coupon codes exclusively for my existing students.

++++++++++++++++++++++++++++++++++++++++

Build WordPress E-Commerce Stores to Sell Digital Downloads

Master building product grids with WordPress, Envira Gallery and Easy Digital Downloads using royalty free photos.

Use the coupon code "FALL35" (click the link below) to get this course for (35% discount).

https://www.udemy.com/build-a-responsive-wordpress-gallery-and-sell-digital-goods/?couponCode=FALL35

In this course you learn how to build two Responsive WordPress stores to sell digital downloads using the Easy Digital Downloads plugin.

++++++++++++++++++++++++++++++++++++++++

Secure, Protect and Backup Your WordPress Site From Hackers

Keep your WordPress site safe! Protect your WordPress site using proven security solutions against brute force attacks.

Use the coupon code "FALL35" (click the link below) to get this course for (35% discount).

https://www.udemy.com/secure-protect-and-backup-your-wordpress-site-from-hackers/?couponCode=FALL35

Everything I teach in this course is based on proven security tactics to prevent hackers from penetrating your WordPress site. I use these techniques on all of my sites and my client sites.

++++++++++++++++++++++++++++++++++++++++

Connecting with Udemy Instructor Susan Cork

I really appreciate you taking the time to check out this course. I want to thank you personally and hope that you found this information useful.

If you have any questions about this course please feel free to contact me by posting a question or Udemy messaging system. If you’d like to connect through social media here are my links:

Twitter: https://twitter.com/susancork @susancork

LinkedIn: http://ca.linkedin.com/in/susancork

Facebook: https://www.facebook.com/GinzburgPress

YouTube: https://www.youtube.com/user/GinzburgPress

Web: http://ginzburgpress.com/

Web Design Blog: http://corskan.ca/

Instagram: https://www.instagram.com/ginzburgpres/

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Susan Cork, 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.

Ready to start learning?
Take This Course