In this video you'll install and activate the newcomers plug in as well as import a sample set of products
and check out the settings.
We'll be preparing a storefront website to display products and provide a shopping cart and check out
pages and procedures newcomer's is now owned and developed by automatic.
The company behind Wordpress and there are plans to eventually incorporate it into the core files instead
of being a separate plugin.
By learning to work with wordpress e-commerce functionality through the new comers plug in you'll be
setting yourself up to be on the forefront of modern e-commerce web site design as it grows and develops.
Let's start by just checking out the newcomers Web site and finding out where the support documents
are when you might have a question.
Have to look something up.
So if you navigate to new comers dotcom you'll see their Web site right here and you can get some good
stats about it.
Woo commerce powers over 30 percent of all online stores.
Wordpress is a big part of that and wew commerce.
Of course they have lots of different integrations and they do have commercial plug ins that are add
ons for certain functionality for wude comer's that's why they can afford to make newcomer's a free
plug in and make it part of Wordpress itself up in the menu here.
You can see that this is where the documentation is.
Now I went and searched the documentation for how to import some sample data so that we have something
to work with when building our store.
It says that it's located inside of the newcomers zip file but if you've already installed the plug
in you can use FCP or a C panel.
File Manager to find the sample products file will be importing the data cxxviii file instead of the
SML one which gives you a lot more control over the import we want to work with one of our live Web
sites for this one and so I'm going to use my MailChimp test site and just repurpose it for the new
comers.
Plug in and set up that we're going to be making.
I can just remove these sidebar widgets will be using a different theme provided by newcomers and I
can go ahead and log in to the Wordpress dashboard and I'll just go to appearance widgets and I'll remove
those two MailChimp widgets for now and just drag them over this way.
That way I'm getting rid of those two MailChimp widgets and I can just leave MailChimp for W.P. activated
as it has a new commerce extension which is an integration that they provide.
Once you have the newcomers plug in enabled can see that it's greyed out right.
Here are the newcomers.
Checkout integration is available once you get the new comers plug in.
So either start a new WordPress website at your existing domain or somewhere where you have your Live
hosting.
Or go ahead and log in to the MailChimp WordPress dashboard that we were using in the last chapter.
Then you can just do what I've done and reverse a couple of our changes that we made including going
into settings general and let's disable the registration that anyone can do and go ahead and save your
changes.
Now that that's done.
Follow along with me as we go to the plug ins add new page and will search and install and activate
the newcomers plugin.
Just do a search for wude commerce.
There it is now I already have it installed and so if you don't click install.
But I am going to go over to my install plugins page and activate it
here.
Just activate
great now.
One thing that newcomers does that makes it really easy to get started is that they have a set up wizard.
Now you can skip the setup and look at all the settings manually but let's go ahead and run the setup
wizard and we'll get started that way so follow along on your own web site and let's see what the setup
wizard does for us to get us started with newcomers.
All right.
So it's going to give us a little welcome message and you can click Let's go.
And then the pages.
Your store needs a few essential pages so these pages the store will use and they're stored as regular
pages not posts within your Wordpress Web site.
And if they're not already created then the plugin will be creating these automatically.
It's a good convenience.
And let's go ahead and hit continue and let it do its job.
Great so we can set up a few questions and you can fill out your answers for yourself here.
My location is Colorado and I use the U.S. dollar and I'll use pounds and I use inches shipping and
tax.
No I'm going to be setting up a digital downloads product instead of a physical goods product but of
course you can answer it how you will just decide how you want to be setting it up.
And I'm not going to be charging sales tax just to make it easy and convenient.
Now I do use Pay-Pal already but Strype is another very good payment processor and so I'll be choosing
whichever one is convenient for me.
You know Pay-Pal standard check payments are available bank transfer etc..
So let's choose Pay-Pal standard and I have a certain email address I use with paypal and lets allow
check payments as well and I'll just hit continue great the store is ready already.
That's OK for me to give it some diagnostic data or you can hit.
No thanks.
And then the next steps would be to create your first product.
Well what we're going to be doing is going back to the Wordpress dashboard and then importing that sample
data that we newcomer's will provide for us.
So from here we can just click return to the Wordpress dashboard and the wizard has made some essential
steps for us.
Let's open the pages and you can see that we've got four extra pages here cart and checkout page and
a my account page and also a shop page.
Sounds good.
As I said before there's two ways to get the sample data file that we're going to be using to import
into comer's.
Now if you want to get the newcomers plug in files directly from WordPress dot org.
At this point on the documentation page this link that says read download wew commerce actually opens
the Wordpress dot org plug in page from here you can download the plugin files without having to get
your own WordPress dot com account.
Once you have your commerce file saved on your computer on Windows you can right click and click extract
all to unzip and decompress all the files.
If you're on a Mac you can double click the zip file in the Finder and your Mac will unzip the files
for you.
When you open up the folder inside of Commerce you can see a folder called sample data and inside that
are three types of sample data.
We're going to be using a C S V file which is a comma separated values file called sample underscore
products.
When you download and activate the newcomers plugin it gives a series of tools under Tools import that
you can use to import data.
We're going to be using the WU comer's products CXXVI importer.
So click Run importer and that's going to walk you through a short wizard to import the correct file
and configure it.
Click the browse button to choose from your computer find the sample data folder and sample underscore
products that CXXVI and click open.
You can click update existing products if you like.
That won't apply if it's a new store for you and click continue.
Now mostly you'll be able to use the default here but if you had an existing store you might want to
import the data a certain way and map the certain fields to ones that exist in your commerce installation.
In our case let's just go to the bottom of the list and click run the importer once the import is complete.
It'll give you a success message and you can click root view products if you like.
If you see images down the left side you know that newcomer's imported everything including your images
and all the information for your products.
You can see that the import process imported all the media images for your newcomer's sample store by
rolling over media and clicking library.
What about themes for this chapter.
We're going to be working with newcomers and one of the newcomers themes that has a deep integration
with the newcomers plug in.
Since world commerce is a plug in.
It's designed to work with any theme but there are some theme features in the theme we're going to be
using from newcomers in this chapter.
Now storefront is a theme that like I said is integrated deeply with the newcomers plug in.
It's made by wew themes and the newcomers company but they also sell child themes for the new comers
storefront theme.
But we're going to just customize and work with the storefront theme itself.
And of course you can make your own child theme of storefront and do customisations within that child
theme which of course as you know is the recommended way to work with wordpress themes.
But we know that it's called storefront.
So if we go back into our WordPress dashboard and then roll over appearance and click themes we'll be
able to add a new theme finding that storefront theme inside of the Wordpress repository and installing
and activating it.
So I just click Add new and when it comes up with my list of themes I can go to the right hand side
and I'm just going to do a search for commerce storefronts for that search term.
It pops up at the top left and then I can just click the install button.
Go ahead and click activate.
And let's check out our storefront theme Web site populated from our commerce import file just rollover
products and click all products.
Let's look at just the first product here and look at some of the settings.
It looks like a traditional post or page editing page.
Let's get some descriptive text title.
And it has a permalink or a u r l here for this product.
And as you scroll down you could see that newcomer's gives us a pretty robust area here for product
attributes.
There's a general to have inventory for tracking inventory linked products to this one attributes for
different things like sizes and colors and an advanced tab.
There is also a short description down here a product image on the right hand side and there's even
a section for a product gallery.
If you have multiple products
you also have categories over here on the right and your selection of categories by default affects
the RL of the product page that helps with Ezio and being found on the search engines like Google.
Let's make two more quick adjustments and then check out what our web store looks like first under appearance
widgets.
Let's make sure we don't have any widgets in the sidebar area.
If you do happen to have something like categories or other widgets active in the sidebar just remove
those and bring them back over here so sidebars empty that will make sure that our storefront is a nice
big and wide page next under appearance.
Let's open the menus tab and let's select the menu that we have already selected as the primary menu
and edit that one for me at home and then a few buttons for the commerce store but I'd also like to
put not only my account car and checkout pages I want to find that shop page you can click View all
if you can't find it in the list or even search for it but click shop added to the menu and I'm going
to move it up right next to the home button here and click save menu
depending on how you have your site set up to display its home page under settings reading you may or
may not have two links up here one for your site and one for your store.
If you do select the home page as sharp as a static page and click save you'll only have one link up
here under your site title but let's right click either one and open the shop page whichever it is.
Let's take a look at that storefront theme with the commerce plug in a nice looking store.
You click and add to cart button displays the price of sale.
And if you click on the image it shows you the product page.
Here's an example of the nice image gallery.
And if you roll over the image gives you a nice zoom feature.
You have a fully functional web store here with ADD to cart buttons and view cart as well as checkout
pages.
Also in this lesson you set up a live site with the newcomers plug in as well as an e-commerce theme
made for Commerce called storefront.
You also imported a file from newcomer's that loaded your site up with products and product attributes
so that you can work on setting up and customizing your web store in the next video.
We'll explore the custom post types that the newcomers plug in provides as well as the taxonomies and
custom fields needed for an online store.