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.
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!
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.
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.
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.
Before you get started with your online store, I’ll review how you should assess your eCommerce needs and requirements.
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.
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.
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!
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.
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.
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.
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.
I will show you how to download, install and activate the Storefront theme.
You will install and activate the WooCommerce plugin.
This quiz will have 5 questions about what we covered in the previous lessons.
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.
You will configure the menu locations to create a Primary, and a Secondary menu. I will show you how to add menu items.
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.
**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.
You will learn how to adjust the Storefront’s appearance with the WordPress customizer. I’ll review the customizer settings.
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.
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.
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.
I’ll review the Storefront products. You will learn how this structure gives you the foundation to populate the store with your own products.
This section gives you a comprehensive overview of a child theme. Sample files are included.
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.
I will show you how to download and install a page builder plugin.
I will show you how to install a responsive slider. You will learn how to make CSS edits with the aid of your browser.
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.
Customize the header with a call to action.
You will learn how to set up a blog posts page.
We'll go over all the key points from this section 5: The Page Builder. We'll highlight some key takeaways for this section!
I will conclude the course with some final comments. Any questions can be posted in the discussion forum.
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.
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.
New Storefront Child Theme - Boutique - Now Available! In this PDF lecture I show you how to install the new Boutique Child Theme from WooThemes.
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.
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.
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.
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.
In this video I show you how to install the Maintenance Mode plugin. Here are some of the pro features of this plugin:
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.
**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.
Install and setup WP Super Cache for your WordPress site.
Screenshots and setup instructions for the WP Super Cache plugin settings.
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.
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.
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.