1
00:00:00,740 --> 00:00:06,620
In this video you'll install and activate the newcomers plug in as well as import a sample set of products

2
00:00:06,860 --> 00:00:08,240
and check out the settings.

3
00:00:08,480 --> 00:00:13,370
We'll be preparing a storefront website to display products and provide a shopping cart and check out

4
00:00:13,370 --> 00:00:18,520
pages and procedures newcomer's is now owned and developed by automatic.

5
00:00:18,560 --> 00:00:24,170
The company behind Wordpress and there are plans to eventually incorporate it into the core files instead

6
00:00:24,170 --> 00:00:25,670
of being a separate plugin.

7
00:00:25,910 --> 00:00:30,950
By learning to work with wordpress e-commerce functionality through the new comers plug in you'll be

8
00:00:30,950 --> 00:00:37,690
setting yourself up to be on the forefront of modern e-commerce web site design as it grows and develops.

9
00:00:37,700 --> 00:00:43,430
Let's start by just checking out the newcomers Web site and finding out where the support documents

10
00:00:43,430 --> 00:00:45,590
are when you might have a question.

11
00:00:45,590 --> 00:00:47,170
Have to look something up.

12
00:00:47,210 --> 00:00:53,000
So if you navigate to new comers dotcom you'll see their Web site right here and you can get some good

13
00:00:53,000 --> 00:00:54,260
stats about it.

14
00:00:54,510 --> 00:00:59,250
Woo commerce powers over 30 percent of all online stores.

15
00:00:59,270 --> 00:01:02,300
Wordpress is a big part of that and wew commerce.

16
00:01:02,330 --> 00:01:08,480
Of course they have lots of different integrations and they do have commercial plug ins that are add

17
00:01:08,480 --> 00:01:14,600
ons for certain functionality for wude comer's that's why they can afford to make newcomer's a free

18
00:01:14,600 --> 00:01:19,020
plug in and make it part of Wordpress itself up in the menu here.

19
00:01:19,130 --> 00:01:22,660
You can see that this is where the documentation is.

20
00:01:22,760 --> 00:01:28,880
Now I went and searched the documentation for how to import some sample data so that we have something

21
00:01:28,880 --> 00:01:31,620
to work with when building our store.

22
00:01:31,670 --> 00:01:38,450
It says that it's located inside of the newcomers zip file but if you've already installed the plug

23
00:01:38,450 --> 00:01:41,870
in you can use FCP or a C panel.

24
00:01:41,930 --> 00:01:49,730
File Manager to find the sample products file will be importing the data cxxviii file instead of the

25
00:01:49,750 --> 00:01:56,990
SML one which gives you a lot more control over the import we want to work with one of our live Web

26
00:01:56,990 --> 00:02:04,190
sites for this one and so I'm going to use my MailChimp test site and just repurpose it for the new

27
00:02:04,190 --> 00:02:04,950
comers.

28
00:02:04,950 --> 00:02:08,070
Plug in and set up that we're going to be making.

29
00:02:08,160 --> 00:02:15,540
I can just remove these sidebar widgets will be using a different theme provided by newcomers and I

30
00:02:15,540 --> 00:02:21,870
can go ahead and log in to the Wordpress dashboard and I'll just go to appearance widgets and I'll remove

31
00:02:21,870 --> 00:02:27,360
those two MailChimp widgets for now and just drag them over this way.

32
00:02:27,360 --> 00:02:33,480
That way I'm getting rid of those two MailChimp widgets and I can just leave MailChimp for W.P. activated

33
00:02:33,750 --> 00:02:38,420
as it has a new commerce extension which is an integration that they provide.

34
00:02:38,430 --> 00:02:43,680
Once you have the newcomers plug in enabled can see that it's greyed out right.

35
00:02:43,680 --> 00:02:44,950
Here are the newcomers.

36
00:02:45,030 --> 00:02:50,530
Checkout integration is available once you get the new comers plug in.

37
00:02:50,550 --> 00:02:57,360
So either start a new WordPress website at your existing domain or somewhere where you have your Live

38
00:02:57,360 --> 00:02:58,070
hosting.

39
00:02:58,140 --> 00:03:04,590
Or go ahead and log in to the MailChimp WordPress dashboard that we were using in the last chapter.

40
00:03:04,650 --> 00:03:10,350
Then you can just do what I've done and reverse a couple of our changes that we made including going

41
00:03:10,350 --> 00:03:18,930
into settings general and let's disable the registration that anyone can do and go ahead and save your

42
00:03:18,930 --> 00:03:20,230
changes.

43
00:03:20,280 --> 00:03:21,350
Now that that's done.

44
00:03:21,420 --> 00:03:28,710
Follow along with me as we go to the plug ins add new page and will search and install and activate

45
00:03:28,770 --> 00:03:32,770
the newcomers plugin.

46
00:03:33,600 --> 00:03:37,770
Just do a search for wude commerce.

47
00:03:37,780 --> 00:03:42,780
There it is now I already have it installed and so if you don't click install.

48
00:03:42,940 --> 00:03:47,480
But I am going to go over to my install plugins page and activate it

49
00:03:50,900 --> 00:03:51,070
here.

50
00:03:51,090 --> 00:03:52,400
Just activate

51
00:03:54,940 --> 00:03:55,750
great now.

52
00:03:55,860 --> 00:04:01,890
One thing that newcomers does that makes it really easy to get started is that they have a set up wizard.

53
00:04:01,980 --> 00:04:08,410
Now you can skip the setup and look at all the settings manually but let's go ahead and run the setup

54
00:04:08,430 --> 00:04:15,670
wizard and we'll get started that way so follow along on your own web site and let's see what the setup

55
00:04:15,680 --> 00:04:20,330
wizard does for us to get us started with newcomers.

56
00:04:20,330 --> 00:04:20,800
All right.

57
00:04:20,810 --> 00:04:26,030
So it's going to give us a little welcome message and you can click Let's go.

58
00:04:26,120 --> 00:04:27,820
And then the pages.

59
00:04:27,830 --> 00:04:34,040
Your store needs a few essential pages so these pages the store will use and they're stored as regular

60
00:04:34,040 --> 00:04:37,450
pages not posts within your Wordpress Web site.

61
00:04:37,700 --> 00:04:42,940
And if they're not already created then the plugin will be creating these automatically.

62
00:04:42,950 --> 00:04:44,070
It's a good convenience.

63
00:04:44,090 --> 00:04:47,910
And let's go ahead and hit continue and let it do its job.

64
00:04:50,710 --> 00:04:57,670
Great so we can set up a few questions and you can fill out your answers for yourself here.

65
00:04:57,670 --> 00:05:10,040
My location is Colorado and I use the U.S. dollar and I'll use pounds and I use inches shipping and

66
00:05:10,040 --> 00:05:10,750
tax.

67
00:05:10,760 --> 00:05:16,340
No I'm going to be setting up a digital downloads product instead of a physical goods product but of

68
00:05:16,340 --> 00:05:21,080
course you can answer it how you will just decide how you want to be setting it up.

69
00:05:21,260 --> 00:05:25,150
And I'm not going to be charging sales tax just to make it easy and convenient.

70
00:05:26,520 --> 00:05:34,920
Now I do use Pay-Pal already but Strype is another very good payment processor and so I'll be choosing

71
00:05:35,130 --> 00:05:37,660
whichever one is convenient for me.

72
00:05:37,860 --> 00:05:43,510
You know Pay-Pal standard check payments are available bank transfer etc..

73
00:05:43,530 --> 00:05:52,050
So let's choose Pay-Pal standard and I have a certain email address I use with paypal and lets allow

74
00:05:52,050 --> 00:05:59,920
check payments as well and I'll just hit continue great the store is ready already.

75
00:06:00,030 --> 00:06:03,290
That's OK for me to give it some diagnostic data or you can hit.

76
00:06:03,290 --> 00:06:04,570
No thanks.

77
00:06:04,670 --> 00:06:09,350
And then the next steps would be to create your first product.

78
00:06:09,350 --> 00:06:15,320
Well what we're going to be doing is going back to the Wordpress dashboard and then importing that sample

79
00:06:15,320 --> 00:06:18,100
data that we newcomer's will provide for us.

80
00:06:18,440 --> 00:06:23,810
So from here we can just click return to the Wordpress dashboard and the wizard has made some essential

81
00:06:23,810 --> 00:06:25,280
steps for us.

82
00:06:25,280 --> 00:06:33,010
Let's open the pages and you can see that we've got four extra pages here cart and checkout page and

83
00:06:33,020 --> 00:06:37,190
a my account page and also a shop page.

84
00:06:37,220 --> 00:06:38,460
Sounds good.

85
00:06:39,760 --> 00:06:45,550
As I said before there's two ways to get the sample data file that we're going to be using to import

86
00:06:45,610 --> 00:06:47,500
into comer's.

87
00:06:47,530 --> 00:06:52,710
Now if you want to get the newcomers plug in files directly from WordPress dot org.

88
00:06:52,810 --> 00:07:00,160
At this point on the documentation page this link that says read download wew commerce actually opens

89
00:07:00,160 --> 00:07:06,610
the Wordpress dot org plug in page from here you can download the plugin files without having to get

90
00:07:06,610 --> 00:07:08,940
your own WordPress dot com account.

91
00:07:10,310 --> 00:07:16,280
Once you have your commerce file saved on your computer on Windows you can right click and click extract

92
00:07:16,310 --> 00:07:19,740
all to unzip and decompress all the files.

93
00:07:19,760 --> 00:07:25,430
If you're on a Mac you can double click the zip file in the Finder and your Mac will unzip the files

94
00:07:25,430 --> 00:07:25,930
for you.

95
00:07:26,710 --> 00:07:33,520
When you open up the folder inside of Commerce you can see a folder called sample data and inside that

96
00:07:33,820 --> 00:07:35,740
are three types of sample data.

97
00:07:35,860 --> 00:07:44,980
We're going to be using a C S V file which is a comma separated values file called sample underscore

98
00:07:45,010 --> 00:07:46,630
products.

99
00:07:46,630 --> 00:07:53,890
When you download and activate the newcomers plugin it gives a series of tools under Tools import that

100
00:07:53,890 --> 00:07:56,180
you can use to import data.

101
00:07:56,260 --> 00:08:00,390
We're going to be using the WU comer's products CXXVI importer.

102
00:08:00,550 --> 00:08:07,440
So click Run importer and that's going to walk you through a short wizard to import the correct file

103
00:08:07,470 --> 00:08:09,110
and configure it.

104
00:08:09,300 --> 00:08:18,010
Click the browse button to choose from your computer find the sample data folder and sample underscore

105
00:08:18,070 --> 00:08:24,330
products that CXXVI and click open.

106
00:08:24,460 --> 00:08:26,930
You can click update existing products if you like.

107
00:08:27,010 --> 00:08:33,200
That won't apply if it's a new store for you and click continue.

108
00:08:33,390 --> 00:08:38,550
Now mostly you'll be able to use the default here but if you had an existing store you might want to

109
00:08:38,550 --> 00:08:46,310
import the data a certain way and map the certain fields to ones that exist in your commerce installation.

110
00:08:46,320 --> 00:08:53,760
In our case let's just go to the bottom of the list and click run the importer once the import is complete.

111
00:08:53,760 --> 00:08:58,620
It'll give you a success message and you can click root view products if you like.

112
00:08:58,710 --> 00:09:05,100
If you see images down the left side you know that newcomer's imported everything including your images

113
00:09:05,310 --> 00:09:07,470
and all the information for your products.

114
00:09:08,550 --> 00:09:15,870
You can see that the import process imported all the media images for your newcomer's sample store by

115
00:09:15,870 --> 00:09:19,450
rolling over media and clicking library.

116
00:09:19,480 --> 00:09:23,260
What about themes for this chapter.

117
00:09:23,320 --> 00:09:30,520
We're going to be working with newcomers and one of the newcomers themes that has a deep integration

118
00:09:30,520 --> 00:09:32,450
with the newcomers plug in.

119
00:09:32,530 --> 00:09:34,190
Since world commerce is a plug in.

120
00:09:34,210 --> 00:09:39,310
It's designed to work with any theme but there are some theme features in the theme we're going to be

121
00:09:39,310 --> 00:09:42,450
using from newcomers in this chapter.

122
00:09:42,760 --> 00:09:49,060
Now storefront is a theme that like I said is integrated deeply with the newcomers plug in.

123
00:09:49,060 --> 00:09:58,000
It's made by wew themes and the newcomers company but they also sell child themes for the new comers

124
00:09:58,090 --> 00:10:00,610
storefront theme.

125
00:10:00,610 --> 00:10:05,500
But we're going to just customize and work with the storefront theme itself.

126
00:10:05,620 --> 00:10:11,950
And of course you can make your own child theme of storefront and do customisations within that child

127
00:10:11,950 --> 00:10:16,870
theme which of course as you know is the recommended way to work with wordpress themes.

128
00:10:16,870 --> 00:10:18,880
But we know that it's called storefront.

129
00:10:18,910 --> 00:10:25,840
So if we go back into our WordPress dashboard and then roll over appearance and click themes we'll be

130
00:10:25,840 --> 00:10:32,290
able to add a new theme finding that storefront theme inside of the Wordpress repository and installing

131
00:10:32,290 --> 00:10:33,970
and activating it.

132
00:10:33,970 --> 00:10:40,070
So I just click Add new and when it comes up with my list of themes I can go to the right hand side

133
00:10:40,580 --> 00:10:48,860
and I'm just going to do a search for commerce storefronts for that search term.

134
00:10:48,870 --> 00:10:53,620
It pops up at the top left and then I can just click the install button.

135
00:10:53,880 --> 00:10:56,570
Go ahead and click activate.

136
00:10:56,680 --> 00:11:04,490
And let's check out our storefront theme Web site populated from our commerce import file just rollover

137
00:11:04,620 --> 00:11:07,850
products and click all products.

138
00:11:07,860 --> 00:11:12,710
Let's look at just the first product here and look at some of the settings.

139
00:11:12,720 --> 00:11:16,360
It looks like a traditional post or page editing page.

140
00:11:16,360 --> 00:11:19,050
Let's get some descriptive text title.

141
00:11:19,230 --> 00:11:23,520
And it has a permalink or a u r l here for this product.

142
00:11:23,520 --> 00:11:30,000
And as you scroll down you could see that newcomer's gives us a pretty robust area here for product

143
00:11:30,030 --> 00:11:31,010
attributes.

144
00:11:31,020 --> 00:11:37,410
There's a general to have inventory for tracking inventory linked products to this one attributes for

145
00:11:37,410 --> 00:11:41,340
different things like sizes and colors and an advanced tab.

146
00:11:41,660 --> 00:11:47,730
There is also a short description down here a product image on the right hand side and there's even

147
00:11:47,730 --> 00:11:49,640
a section for a product gallery.

148
00:11:49,740 --> 00:11:51,510
If you have multiple products

149
00:11:54,210 --> 00:12:00,540
you also have categories over here on the right and your selection of categories by default affects

150
00:12:00,630 --> 00:12:08,860
the RL of the product page that helps with Ezio and being found on the search engines like Google.

151
00:12:08,900 --> 00:12:16,490
Let's make two more quick adjustments and then check out what our web store looks like first under appearance

152
00:12:16,550 --> 00:12:17,120
widgets.

153
00:12:17,120 --> 00:12:21,050
Let's make sure we don't have any widgets in the sidebar area.

154
00:12:21,290 --> 00:12:27,950
If you do happen to have something like categories or other widgets active in the sidebar just remove

155
00:12:27,950 --> 00:12:34,040
those and bring them back over here so sidebars empty that will make sure that our storefront is a nice

156
00:12:34,040 --> 00:12:38,590
big and wide page next under appearance.

157
00:12:38,590 --> 00:12:45,880
Let's open the menus tab and let's select the menu that we have already selected as the primary menu

158
00:12:46,660 --> 00:12:53,800
and edit that one for me at home and then a few buttons for the commerce store but I'd also like to

159
00:12:53,800 --> 00:13:01,280
put not only my account car and checkout pages I want to find that shop page you can click View all

160
00:13:01,300 --> 00:13:09,760
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

161
00:13:09,760 --> 00:13:14,060
to move it up right next to the home button here and click save menu

162
00:13:18,050 --> 00:13:25,280
depending on how you have your site set up to display its home page under settings reading you may or

163
00:13:25,280 --> 00:13:29,990
may not have two links up here one for your site and one for your store.

164
00:13:29,990 --> 00:13:38,990
If you do select the home page as sharp as a static page and click save you'll only have one link up

165
00:13:38,990 --> 00:13:44,890
here under your site title but let's right click either one and open the shop page whichever it is.

166
00:13:44,900 --> 00:13:50,630
Let's take a look at that storefront theme with the commerce plug in a nice looking store.

167
00:13:50,720 --> 00:13:54,730
You click and add to cart button displays the price of sale.

168
00:13:54,860 --> 00:14:00,160
And if you click on the image it shows you the product page.

169
00:14:00,170 --> 00:14:03,350
Here's an example of the nice image gallery.

170
00:14:03,350 --> 00:14:08,250
And if you roll over the image gives you a nice zoom feature.

171
00:14:08,430 --> 00:14:17,570
You have a fully functional web store here with ADD to cart buttons and view cart as well as checkout

172
00:14:17,580 --> 00:14:18,630
pages.

173
00:14:18,790 --> 00:14:26,370
Also in this lesson you set up a live site with the newcomers plug in as well as an e-commerce theme

174
00:14:26,430 --> 00:14:29,590
made for Commerce called storefront.

175
00:14:29,730 --> 00:14:35,880
You also imported a file from newcomer's that loaded your site up with products and product attributes

176
00:14:36,060 --> 00:14:41,320
so that you can work on setting up and customizing your web store in the next video.

177
00:14:41,340 --> 00:14:47,250
We'll explore the custom post types that the newcomers plug in provides as well as the taxonomies and

178
00:14:47,250 --> 00:14:49,980
custom fields needed for an online store.