 So the best thing about this is that that's the extent of the introduction. So now the title of today's talk is building an awesome e-commerce site in 25 minutes. And the tagline is actually really important, but looks good. So some of you may have been at my presentation at Drupal Down Under last year, where we did a very, very similar thing. We built an e-commerce website in 25 minutes. And one of the things that I'd say about it is that it looked pretty ugly by the end. It was functional, it was serviceable, but it didn't have much of an aesthetic appeal. And one of the big things we're going to look at today is how we create a site that not just does a good job, but actually gives the user a decent user experience at the end, and appears attractive, at least in my opinion, with minimal effort. Now one of the big things is that there's a 25-minute time limit, 25 minutes is a bit of a challenge. We'll see how we go. We're running the demo locally, so hopefully the interwebs won't slow us down, but we'll see how we go. A little bit about me. My name is Andrew. I'm the managing director of Real World Technology Solutions. Real World Technology Solutions is a voice data and communications company. We provide internet access services, content hosting, network consulting and engineering very much down the technical end of the world. And we also do lots of application integration for our customers. So integrating e-commerce websites with business process and sites that offer more business function than just being something that exists on the web. I'm married. I have two beautiful kids who you can see in that photo there, one of whom has really started to talk and the other one who just learned to sit up last week. So that's a little bit about me. So to start with, I thought it would be good to have a bit of a look at what actually makes a good e-commerce site. And I guess there are three things which drive e-commerce site development and e-commerce site effectiveness when it comes to an actual deliverable product. The first one is aesthetics. So how the site looks and how the site feels is really, really important. If you have an ugly site, people are less likely to buy from you. It's relatively straightforward. The second thing is customer experience. So the experience of your customers interacting with the store is very important. One of the things is that they say that for every click someone has to make to get from an initial looking at a product through to the checkout, you lose 50% of your traffic. So if it takes you 20 clicks to get to the end of your checkout process, by the time that you start with 100 viewers, you've left with one person that completes your checkout. So things like what the customer engagement process is, what the process from viewing the product right through to checkout is very important to making sure that your store is successful. And speaking of success, the other thing you care about is conversion rate. It's great to run an e-commerce site that attracts 10 million viewers, but if only two people buy your product, you're not going to stay in business very long and you're not going to be able to afford the hosting to run the site, let alone be able to keep your business afloat. So the next question is what actually drives people to convert to their sales? What actually gets them to the end? So the first thing is, which is going to come up, is an ease of shopping experience. So people want to have a smooth, seamless shopping experience. Quality of customer service and how you as a business interact with them is also really important. And unfortunately, the best e-commerce website in the world isn't going to solve that problem for you. So things like how you respond to your customers. There is an element of what information you make available to them. Do you publish a phone number? Are you accessible by email? How long do you take to respond to questions when people ask you? They're not things that an e-commerce site is going to solve for you, but they're things that a business model that's going to build a successful e-commerce site needs to think about. And the last thing that's really effective is peer pressure. Now my wife is obviously my wife and we have two kids and she's part of a mother's group on Facebook. And we were discussing yesterday how she goes about buying online and I'm pretty sure she spends about two and a half thousand dollars per month online. She may choose to correct me on that at a later stage when she hears this talk, but she's not here right now. And the main reason why she gets to buy all of the things that she buys is because mothers in her mother's group discuss where to go and buy them and you can get this. So when I bought this baby carrier and it's really awesome, oh and this stroller looks really good and dot, dot, dot, dot, dot, dot. So the communal aspect of purchasing is very, very important and is a very, very big driver for people purchasing things online. So a company called ComScore did a survey at the start of 2012 about what actually makes a successful website and you can see up there one of those classical business four quadrant graphs showing you how important different things are. You can see ease of checkout is very much up there in the high importance and also gives customers great high satisfaction. But then you've got things like ease of making returns and exchanges which is not something that is considered particularly a satisfaction thing but still has a really, really high importance. So if you don't have that, your customers are less likely to come to your site and buy there. Now why do I show you these things? I show you these things because each of these factors which you can see in the list and you can kind of see a score that they rated those things sort of how important people found them as a percentage value. Those things are important because when you choose an e-commerce package and an e-commerce environment to work in, you need something that's going to facilitate your business operation to be able to do these things as easily as possible. So if your e-commerce platform makes it really hard to handle returns and exchanges, then that's going to become a frustration for you and for your users. If your e-commerce platform has a very complicated checkout process, it's going to be a big frustration point for you and your users. If you don't have the option to choose shipping options, that becomes a big problem and all of these lead to a reduced conversion rate which leads to reduced profitability for your business which is a bad thing. So the next thing to think about is where are people actually interacting with websites these days and particular e-commerce sites? Go back to 2000, it's the boom of the dot com era. People are starting to get internet in their homes and people are all buying things on their PCs. But what's happened over the last two years is that sales have increasingly moved to mobile. And that's as a result of things like the success of the iPad and Android tablets, but also the increased adoption of smartphones. So people, at the end of 2011, 9% of e-commerce transactions were made from a mobile device, which I find completely staggering thinking about it. I wouldn't expect that someone would sit there on their mobile, browse a website and go, I'm going to buy that and go through the checkout process beginning to end. But then I think about my own behavior and I walk into Woolworths and I pull up my mobile phone and I open the Woolworths app and I say I'm looking for milk and then it says it's in aisle seven. And all of a sudden I realize that I'm interacting with the businesses that I deal with increasingly via my mobile device and realize that the rest of the world is probably doing that too. So all of these things are factors you need to consider in an e-commerce platform for your online store. So I guess this begs the question, what are your options? What can you do out there if you want to get up and running really easily and really quickly? Well, the first thing, the first one that I see that I come across all the time is a platform called BigCommerce. BigCommerce is very, very simple. You can see their website there. You can very quickly type in your store name, your name and an email address and a password and be up and running on a website, five minutes they say. Put your products in, be ready to go, fantastic, exciting. The next one we come across is a platform called Shopify. Shopify, very simple shopping experience. Again, very, very easy to get going. All of these sites you pay a nominal monthly fee to gain access to and when you do that, you can put your products in. You've got a very simple checkout process. People can start buying stuff from you. It's all pretty straightforward. You've got community driven sites like Etsy, where you can get online and you can sell all your homewares and jewelry that you've made and the cupcake that you designed last week that you want everyone to buy. These are out of the box solutions which work really, really well. They're really simple to build and deploy and they actually look pretty good. So when it comes down to choosing what your site's going to look like, they make it really easy to have a really good looking, really easy website. But there are some disadvantages of using a platform like that. They're very difficult to customize. So if you want to do something that's outside the box, you need to integrate with another business system. You decide you want to have lots of content on your site that you want people to be able to view and access that isn't just a store, they're not really designed for that. Speaking from an Australian context, they're mostly designed for US and Europe. And so that's not a particularly ideal scenario if you want to start up an Australian online store. And they're difficult to integrate with back office processes. So if you've got things like you're using Myob or Zero or QuickBooks or something like that as your accounting system, it's difficult to get that information across. If you have an ERP process which you need these stores to heavily integrate with, there's a lot of work which you need to do to be able to get them to that point. So I guess the question is what is the solution? Well, Dries touched on it in his keynote this morning. He pointed out that Drupal sites are all about content, community, and increasingly commerce. And he identified that as one of the big things that Drupal 8 is looking to address. And I think that Drupal today starts to have some decent solutions to this problem. So what are they? Well, the first one is something called Ubicart. If you ever built an online store for Drupal 6, you probably built it in Ubicart. It's not a bad e-commerce platform, but it's pretty ugly. They were the best screenshots I could find. And I had to put them, like, rotate them so that they would look kind of more funky and awesome. But all Ubicart stores look like that. They might have an ugly yellow background. They might have bright green text. But that's essentially the look and feel that your customers get. They don't feel nice. They don't feel easy to interact with. One of the things that I keep coming across is this product called Drupal e-commerce. I'd love to show you a screenshot of this, but I couldn't get it to install and the website's down. It does have a Drupal 7 version. Maybe it's good. I don't know. There are, it's been developed largely in Australia. So maybe some of the people behind it are here this week and you can find them and have a chat to them about it. But we're gonna talk about something called Drupal Commerce. Now, Drupal Commerce is a set, is basically a rewrite of an e-commerce platform specifically for Drupal 7. It's built on Drupal 7 core technologies, things like entities. It's got high dependency on things like views, so everything is built in that way. It's from a site-building perspective, if you've built a Drupal site, it's not too difficult to get into Drupal Commerce and get up and running pretty quickly. And last year, we built a Drupal Commerce store that looked largely like this. This is a sample screenshot from Lullabots, one of Lullabots' demos of Drupal Commerce. But it's pretty ugly. That's sort of my feeling. It looks like a Drupal 7 default install. There's nothing pretty, there's nothing exciting about it. And I'd be pretty embarrassed if I showed that to my customers as an example of what a Drupal Commerce site can do. Unfortunately, the people behind Drupal Commerce saw that this was a problem and thought, what can we do to get around this? And so they put together something called Commerce Kickstart, and in fact, that's how that site came about, but they recently revamped it into something called Commerce Kickstart 2. And most of what we do today is going to be built on that concept. So this is a Commerce Kickstart 2 out of the box store with Australian chosen as the defaults. Now it's still not right. You can see things like the currency is wrong. It's selling t-shirts, that's great, but my business sells mugs, and so it's not really gonna be appropriate. So what we're gonna do is we're gonna change some things. We're going to work with a Commerce Kickstart base theme and we're going to turn it into a mug store. And hopefully by the end of 25 minutes, we'll have a site that looks exactly like this. And if you go to makemeamugplease.com, you can see that as a real site now. So let's build it. How are we gonna build it? We're gonna start with something called Commerce Kickstart, which you can find at drupal.org slash project slash commerce underscore kickstart. The first thing I'm gonna say is if you're gonna build a Commerce site and you have never used commerce before, only start here. Do not go to the commerce project and download it. Do not try and build it yourself. You will waste hours and hours and hours of endless frustration when you go, but I don't know how to do this. I don't know how to get there, blah, blah, blah, blah. Start here. It makes it simple and easy. Even if you think you're going to change your store down the track, start here. Don't go anywhere else. It's got everything in it. The theme for Commerce Kickstart is built on the Omega theme. So if you wanna change the way that it looks and feels and your designers wanna work in a responsive environment, Omega's not a bad place to start. And Commerce Kickstart has all of the bits and pieces you need in there. But again, this is a US-Europe centric solution. Unfortunately, it's not particularly friendly to Australia. So the next step that we're gonna do is we're gonna add Commerce Australia. Commerce Australia is a really, really simple module. There are two components. They've got a GST rule set and they fix up prices so that they actually look like Australian prices. We're gonna play a little bit with Commerce custom order status. My company used to run a computer hardware online store. We sold lots of bits and pieces to people all around Australia, lots of people bought from us. And very quickly, we discovered that we needed to be able to tell our customers things like we've got your order packed and it's ready to go and they need to be able to log in and see that. We've got your order has shipped and it's gone and here's the tracking details and bits and pieces. Commerce custom order status lets us build extra status information into an order like your items are on back order, blah, blah, blah, blah, so we're gonna play a little bit with that so that you can get a bit of back office integration and improve the experience. And all being well, we're gonna do real life payment with Commerce SecurePay AU. Now SecurePay is a merchant company. They are owned by Australia Post as far as I'm aware. They've got integration with all the banks. So if you've already got an F-POS or your customers have an F-POS terminal with their bank they can apply for an online merchant facility with their bank and very easily and simply connected up to SecurePay. You can do the same thing with other services like E-Way or PayPal or bits and pieces like that but this is pretty easy to get up and running and we'll show you exactly what that looks like. So without much further ado, this is the live site. You can see it's got a nice slide show rotation thing happening and what I'm actually gonna do at this point is get adventurous and try and merge my display so that I'm not working over there and over here. Arrangement and mirror displays. Let's see what happens. This is highly technical. And the next thing we're going to do here, so that's not too bad and we'll come into Safari. So you can see we've got a nice slide here. I'll just show you a couple of quick features around. I can click on these different things and it changes. So we've got some slides there. We've got some product call out boxes here which we haven't changed from the defaults. I'm pretty sure this store has some... There we go. Thank you, Drupal. So let's go back to management. That's going to be awesome. I would show you manage my orders but that's not gonna work. We're not gonna work on the production site. Instead what we're gonna do is we're gonna work on a local version here. So on my computer I'm hosting dev.makemeamugplease.com. It's a really, really exciting website. Don't go there. And let's get started. What I've done here is I've downloaded the commerce kickstart package already and it lives on my lovely VM server over here and it's telling me that I have a file permissions issue. So excuse the fact that I'm just about to do something really nasty and dirty but it's going to solve the problem. If you use a web host that uses cPanel or something like that, most of these things get taken care of for you without too much trouble. We're gonna put in some database details. Really, really complicated. We're gonna hit save and continue and once again we discover that my database passwords wrong. That's a bit of a problem. Live demos. Grant all privileges on me make meme.star to meme identified by password, semi-colon. Let's see how that goes. Password. Really, that's because that's not what the database is called. Show database, oh but we just do create database meme. There we go. Yeah, I'll get there. Thanks. This is really annoying. Okay, drop database test. Create database test. Data base test. I could also use PHP My Admin which is installed on this dev environment. Okay, pressure. And we hit install. So far we're three minutes into our install process and it's taken that long because of my incompetence. Wait for a little while. So these are all of the reasons why you use commerce kickstart. You saw that it installed a lot of modules. You didn't see what most of them were called and those modules make commerce kickstart make commerce work for you. So this website is called make me a mug please exclamation mark webmasteratmakemeamugplease.com. We're going to leave the credentials at defaults. We're going to go, we're in Australia and we're in Sydney, believe it or not. We're gonna hit save and continue. And we're now at the point where we're going to choose some defaults. So we're going to go Australia. We're going to install the demo store. I think that's a great place to start particularly if you've never built an e-commerce store before. Gives you some sample products, some sample content to work with. And it's actually pretty easy to customize stuff from there. So we're going to start there. We don't really care about translation because all of our customers are in Australia and I don't speak any other languages. We're going to put our tax rate into Australia. And we're not going to care about sample tax rate. So you can use one of the US or European defaults. It'd be really nice if there was an Australian default in there. Maybe someone can contribute a patch for that down the track. We hit create and finish and then we just wait a little bit longer. Coming up to five minutes. So we've got 20 minutes left. My sense of time is elastic too. So if you had a look and you went, well, it's actually only been three and a half minutes. We'll see how we go. So it's activating all the demo content to do the different bits and pieces. Now some of the things is that there are some demo features of bits and pieces in the site which are defined in code as part of the commerce kickstart package. That does make it a little bit easy, a little bit difficult to change things but you can turn them off and add them back in and bits and pieces. I'll show you what some of those things are. I won't necessarily show you today how to get around that but we'll sort of get there. And we're importing the content now. Need a faster laptop. I think I said this last year and then I bought a faster laptop and now I think I need a faster one again. Unfortunately Apple doesn't make them faster than this at the moment. 10 of 21. Need some. Get a very, very, very... So the question was what do you get if you install it without the sample content? You get all of the modules installed. You get a basic framework but you don't get things like menus in there. You don't get your default product content types in there. You don't get your default products. So even if you're going to install it without the sample content, what you should do is install another install with the sample content to see how they suggest you do stuff because if you don't do it that way, you'll go, how do I do that? And just get very confused. So the biggest thing about this is copy, learn by copying what someone else does. And we're almost there. Woohoo, we're at our site. And as soon as we get into our first install of commerce, the first thing that happens is that we get left with a getting started screen. So now this getting started screen includes some lovely videos about how to do different things. It has a user guide so that you can work out how to get up and running. So if I miss something or say something wrong or you just wanna do something we don't show you how to do today, you can install commerce kickstart and follow the help. It's great. There's some extra services you can buy, never used them, maybe they're good. You can tell me once you've used it. And there's some quick links to do some basic things. So pretty much we're done. So that was seven minutes and I'm gonna quit Dropbox in just a minute and we'll go from there. So that's pretty straightforward. Now unfortunately we're not quite done though. You can see our currency settings are wrong. We don't really have any understanding of GST or different bits and pieces. So we still need to do a little bit more. Now I have pre downloaded into my Drupal install a couple of modules. The first one which I downloaded was the commerce Australia module. So this has the commerce Australian currency display and also has the GST module. So we're just gonna save those, turn them on. And what that does is that gives us tax rules for GST so that when I go to buy something it knows whether or not to add GST. It knows that GST in Australia is 10%. And it knows that GST doesn't apply when you ship stuff outside of Australia. Which is really important because if your website sells things outside of Australia it actually has to distinguish between the price of what you're going to sell. So those modules have now been installed and we'll just close that. And this is where having a 1024 by 768 screen isn't great for Drupal anymore. So now if we come back to our home page, commerce kickstart, you can see our price currency. That's the first thing you notice is updated. So we're now saying dollar 0.99 instead of 0.99 AUD. The next thing we're gonna do is we're going to change the logo of the site. So we're gonna go to site settings. We're going to go to appearance. We're gonna change the theme settings. And we're going to no longer use the default logo. We're going to upload a custom logo and our store going to save the configuration. There we go. Okay, most of the way there. The next thing that we're gonna do is we're going to change the slider. So you can see here, it's great if we're selling t-shirts. We don't sell t-shirts, we sell some mugs. So we're gonna go to content. We're going to add content. We're gonna go to slideshow. We're going to choose a file first because I can't remember what's in them. And so we're going to do your logo here. And we're gonna call it your logo here. Now, if you have a look, have I got opened up in Chrome? You can see when you have a look here, it's got add your own custom logo. So from a commerce kickstart perspective, if you're happy to go with this default theme, this is what's called the headline and this is what's called the tagline. It's a bit confusing given the fields are out of order, but we're gonna say custom logo and here make your own. And now, and we can put a link to some content here, so we'll make it custom-logos. We're gonna hit save. Let's put some content in, but for actually interestingness, we'll go back to the homepage and we can see now that has appeared as the first and primary slider on our homepage and we've got that there. Now, we actually need to do a little bit more than that because we don't want the other content that's there. So we'll just come in here and we'll delete those things, bulk operations, delete content. If at any point anyone has a question about what I'm doing, please stop me and ask. We're just gonna confirm that we don't need those anymore. And very quickly, and you can see, it's updated, the other arrows on the side aren't there anymore, so very, very simple, very easy to get in there and change. We're gonna add a couple more slideshow items and then we'll get to the fun stuff of adding products. So choose file, we're going to go coffee your way, your coffee your way, your coffee your way. We're gonna save that and then we're going to add content, slideshow, and this is going to be whatever the last one is, which is save 25% on shipping. Save 25% on shipping big orders, big discounts when you order big because that's great marketing, right? Now, I didn't put links on those last two things. So when you come back here and now you can save up to 25% off and you can see that's a bit of a problem but someone can go in and fix that a bit later. I don't have a link here, but I do have a link here because I didn't put in a link. You can also see that our clean URLs haven't enabled on my install for some reason, I don't know why that is, someone can fix that on my computer later. Next thing that we're going to do, we're going to change the menu. So in my store, we sell mugs, we don't sell things to carry or to geek out or to wear. So how about we start by removing all of the sample products? So we'll come in here and we'll just delete them and I'm going to say confirm because we don't really care. And the next thing we'll do is we'll modify this menu so that we have less stuff in it but you can just as easily modify the menu so that you have your own categories and content. So we're going to go to site settings, structure. We're going to click on menus and we're going to modify, I think it's the main menu. Yes, here we are. Okay, we don't care about to carry, we don't care to geek out and we don't care about to wear and we save configuration. Okay, we've now got a store that starts to look like the kind of thing that we want. Now we sell two kinds of mugs in my store because that's all we have time to do in 25 minutes. So we're going to go products, we're going to add a new product, we're going to call it a drink product and we're going to call it a tea cup. This is a tea cup, it's pretty cool. And it is a red tea cup and it is $15 and it's including GST and we're going to put in an image of the cup which we're going to go here, red cup. Where are you? Red mug, surely I have a red cup. I had a red cup once upon a time. Maybe downloads. There we go, there's my red cup upload and I'm going to save that variation but I actually sell multiple kinds of mugs. So I'm going to add a new variation. I also sell a blue one which is also $15 including GST and I'm going to choose a file and we're going to come back over here to mug stock and we're going to grab a blue, blue, blue cup. Blue cup, there we go. We're going to save that variation. Now, we're going to choose a collection to drink with. We're going to choose a category, coffee mugs. I'm going to say it's unisex and we don't really care about brand. Now, those things are just fields which correlate to, I'm going to be a little bit Drupal technical for half a second, but correlate to the views which display stuff here. So when I click on to drink with, I get a coffee mugs category which looks something like this and it's now got my teacup which is available in two colors, red and blue. When I click on my teacup, you can see the red one. I select the blue one and it updates and changes. So very easy to do custom product commerce options and I can order two of those and I can add it to my cart. You can see it's pretty nicely added it to my cart and I can go straight to the checkout now with the right product image or I can continue shopping and I can buy the red one and I'll buy four of the red one. I'm going to add it to my cart and that's fantastic. I'll just continue shopping and I really like this so I'm going to tweet about this and say teacups are really awesome and we're going to go hash Drupal con and tweet and everyone's going to go what on earth because that URL doesn't exist in the real world but that's okay but you can now see that that's publicly recommended by Andrew Jaeger and I think if I reload this page no it hasn't updated properly. Commerce Kickstart also supports social integration. So if you want people to log into your website using their Facebook credentials or their Twitter credentials you need to go to Facebook's website or Twitter's website and get application authentication tokens. Doesn't work really well in a kind of sandbox testing environment like this but it means that when people need to log in to update their usernames or passwords do you want to store their shipping information and bits and pieces they don't need their own account which increases people's ease of them accessing your website but then also increases your social connectiveness. So I hope what you're starting to see is that a lot of the things that we're talking about is how people interact with other people how people interact with the store and how you as a store builder can start to get in and do things pretty quickly. Let's just talk for a second about a checkout here. So we go into my checkout we've got a teacup blue and you can see it's automatically built that product code for me and a red teacup and you can go in the back end and adjust those if you've got ISBNs or bar codes or something you want on your products. It's got the GST amount, $8.16 which is right, $90 order. We're gonna go to the checkout and we're going to choose some shipping methods in here. So Andrew Jaeger, one somewhere street, Sydney, New South Wales 2000 my shipping information is the same as my billing information. We're gonna go checkout. We're gonna get express shipping which is $15 and we're going to go one, two, four, four, four, three, three, three, two, two, one, one, one. Let's put an extra two and a one on that. That's a credit card number which passes some validation. And there we go. I've got an order and I can view my order. Okay, so this is what I as an end user would see on the site for my order. It's got some order history so people can see what's going on. I, because I'm an admin on the site at the moment I can log in and update some information about where the order's up to but I can see lots of little bits of information in there. Okay, basic functioning e-commerce store. We've still got a couple of things to do to make it worthwhile. So the first thing is we need to take people's money really. So what we're gonna do is we're going to open up our store settings and in fact we're gonna go to our site settings and we're gonna turn on the secure pay module. So if I come in here and I search for secure pay which I've already downloaded, I'll just turn it on and I'm going to hit save down here. Wait a couple of seconds for that to finish. Okay, and then we're going to go to store settings, payment methods. We've got to set some things for the secure pay API to work properly. So currently we've got the kickstart example payment module, we're gonna disable that because we don't wanna take payment that way anymore but we'd like to take payment via the secure pay credit card module. We're gonna enable that, we're gonna confirm that. We're going to come in here and we're just gonna set the settings so that it can do its basic things. So we can set some events that affect how it works and whether or not this payment module would be available. That's pretty complicated and we're not gonna go into that today. But where is the settings that I need? I need to get to, what was there? Here we go. This is what we need. So we need a merchant ID and a password to get in there and put these in. So in my case, I'm just gonna quickly grab the sample merchant ID and password and we're going to use that one there and we're gonna put that there and we're going to grab that one there and we're gonna paste that. We're in Australian dollars and because this is just a test account, we do that and we're gonna hit save. Okay, we've now got live credit card processing. Well, semi-live because I can't use a real credit card number and I can't take someone's payment but you know, you get the idea. So that's done. And then the last thing which we need to do to sort of make this functional is what I talked about earlier about having status messages for orders. So we're just gonna jump into modules and we're going to go to status. That's probably a, there we go. Commerce custom order status, which is the module which I'd already downloaded and we're just gonna enable that. Okay, store settings. Pretty sure it's under order settings. You can see here, now we can see all of our order statuses in there and we can add a new one. So if I wanna do something like preparing shipment and this happens while your order is pending before completed, we're just going to enable that and save it and preparing shipment. Hit save. Okay. So what that means now is that when I come into this order here, didn't have preparing shipment in here before but I do now and I can save that. Okay. So if you wanna do something like trigger an email to go to your customers whenever you put their order into preparing shipment status, you can use what's called rules within Drupal Commerce to trigger actions on the basis of that. So you can write a rule which says when an order is changed to preparing shipment status, send an email or post to Twitter or any of the other things that there are rules modules out there to allow you to do and there's some really, really, really good videos on how to manage those things and make those changes which you can find under the help within Commerce Kickstart which you can just get access to there and we'll talk a little bit more about some other places you can go for help down the track. So just to prove that that actually did work and that I can now buy something with my credit card, we're gonna jump in here, we're gonna go to drink with, we're gonna grab this, we'll buy a thousand of these, gonna add it to my cart and I'm gonna go to straight to the checkout this time around and checkout. Okay. The quantity's all right, you can see the GST's all right. Now, it saved my address from last time because my account's logged in and I can ship it to a different address or the same as my billing address, continue the next step, exactly what we've seen before. We've got some shipping options and we'll pop in a card number. Now this is really going to send off to the, to the secure pay gateway and ask them to authorize the card and that's a magic test card number that they provide. What did I do wrong this time? Four, four, four, four, three, three, three, two, two, two, one, one, one, one, one, two, three. Continue to the next step. We go, checkout's complete. Give you my order and payments being taken and everything else like that. So pretty much that's very, very simply. Everything you can do with big commerce that's useful and everything you can do with Shopify that's really useful to get you up and running in an e-commerce store in well under 25 minutes. So that's the start of what I wanted to show you and we're just going to turn off mirroring again. We do that under arrangement, don't we? This is all very technical for me. Go, beautiful. And now we come back here and we go, oh, that's the other important thing to show. Okay. One of the things I mentioned earlier on was mobile. Now, because commerce kickstart is built on a responsive omega theme, if I grab my iPhone and I go to this website, it actually readjusts all of the content and all of the layouts to be appropriate for mobile. And I can come in here and I can, under here, I can go to to drink with and I get a sensible product layout and there's my tea cup and I can click on that. I can come in here and there's the red one. I can actually get the blue one and it changes an update. So you notice that it didn't, while the page refreshed, it didn't send me to a different spot on the page and now I've got the blue tea cup and I can buy it all from my iPhone from here. But what if I was using an iPad? Well, fortunately, here's one I prepared earlier, which is not going to fit. So we might just rotate that, rotate right. Yeah, that's better. We'll just Safari. Yeah, so here's the website I prepared earlier. You can see, it's rearranged the content to be appropriate for an iPad and look pretty good. So mobile integration, straight out of the box, no effort from me. I've got a functioning, working mobile site straight to market in less than 25 minutes. I hadn't product images ready, I had some other content prepared, but I haven't done anything particularly special to get up and running to do that. So the questions from here what else is cool? So what else might I wanna do in my e-commerce store that I haven't shown you right now? Well, the first one is shipping with Australia Post. So I can use some Drupal Commerce modules which are available to put in product weights and product sizes, and then there's a sandbox project which you can get, hopefully it will be released soon as a full project for Australia Post shipping. And it, with an Australia Post shipping API key, we'll let you ask Australia Post how much will it cost to send this item via Express Post or Regular Post or International Post anywhere in the world so you can have real live up to date shipping figures on your website. You might decide that you wanna do something a little bit different or a little bit special, and there's some web form integration available for Drupal Commerce. Now what this might mean is that you have a form where you collect a lot of information about someone and as part of that form you want them to choose which color teacher you want them to buy or something like that. Web form integration allows you to include products into your web form so that as part of the form that they fill out they can say I want this product or that product or different bits and pieces like that and then when they submit the form those things get added to their cart. And then you can redirect them through to a checkout using rules in standard ways with web form which is pretty nice and pretty smooth. The last one is one of the things we might wanna do on our online store that sells mugs is to custom print some logos on them or to give the opportunity for someone to write some text like that is the best or something like that on their cart. And commerce custom product which is over here actually lets you do that very easily. You can turn this module on and this lets you add some functionality and some features to the commerce products websites to the commerce products bits and pieces so that when someone adds it to their cart you can ask them for some additional information like what do you wanna print on your cart or bits and pieces like that. That gets saved with the order which you can then go and find. So one of the questions that people often ask is I've got started with Drupal commerce and I'm stuck. Where can you go for help? Well the first thing is that there's a help link in the toolbar which we showed you before. The next place you can go is to Drupalcommerce.org Drupalcommerce.org has hundreds, well not quite but many many videos that show you how to do basic tasks like if you wanted to do commerce customizable products how would you do that? You can go to that website and there's a video there which takes you step by step through how to turn that feature on. If you wanna play with discount rules so you wanna offer someone a 25% discount when they buy a thousand items. There's a video there that takes you step by step through all of the steps you need to go through to be able to do that. Very easy to follow, very easy to do. Each video is only five or 10 minutes so it doesn't take you that long to get through and it's a really really great resource. The videos are also available on Vimeo and they're put together by commerce guys who are their company who are behind most of the Drupalcommerce development. They've put huge amounts of resources and energy into putting that together. You can jump onto IRC to the Drupalcommerce channel. Unfortunately that's largely a US based and European based community. So if you happen to get there during Australian business hours not many people are there to offer you help. I think that's a real drawback and I'd love to see more Australian development companies and site builders that are actually using commerce as part of their businesses get on board with the project so that we've actually got an Australian presence and an Australian live interactive response community. And there are a number of Australian companies we can help you out. I know Reality Loop does a lot of development and I'm sure there's lots of other companies around here which do work with Drupalcommerce that would be happy to help you out with custom modules or integration or even just helping you conceptualize what your Drupalcommerce platform needs to look like if you're going to grow. Yep, okay? Of which I take it you are one who I've not actually met you face to face yet. That's exciting and scary. So does anyone have any questions? We're at that point in the world, yes. So yeah, so we haven't done anything with stock management in the demo that we did there. I guess the approach which we've taken in the basic standard store is that you have limitless stock and you'll manage stock management in another process. There are modules available for commerce that do very basic stock management. So you can put in a number of items you have on hand and when someone buys it, it decrements it and you can have some rules which say when the item's out of stock, don't sell it. So that's the basic stuff which you get out of the box. When it comes to things like back ordering my understanding is that at the moment it's a little bit more complicated. What I'd like to see happen down the track is some more back office integration things being built. So my company's just switched accounting platforms to a platform called Zero which is a web-based interactive online accounting platform. It's really, really easy to use and very simple and there are plugins for that that do really advanced stock management. So I can put in there, I can manage where my orders are going, manage purchase orders out to suppliers, track serial numbers of items and all those sorts of things which become important as you start to move larger quantities of things and I'd like to see someone say, hey, that's a really important problem to solve. Let's take some of these already web service enabled platforms which are out there that are really good stock management tools and manage serial number tracking and bits and pieces and build some plumbing to join them together. Much like I'd like to see someone say, hey, Zero's a really great accounting package and more and more businesses in Australia and New Zealand and the US are starting to use it. So let's actually build a web services layer which takes your Drupal commerce order once I hit complete on it and then fire it straight off to zero so that when I go to zero, the invoice is in there or even better when I get to the end of the checkout process and I hit confirm, it bumps off to zero, puts the order straight in there, ready to go, applies the payment, so my accounts people have less work to do and all of my accounting and invoicing systems are all linked up smoothly. There are a couple of things you need to think about there so accounting packages generally need to know things like bank accounts that money needs to come in out of and out of which you need to add that functionality into Drupal commerce to track that and I'm kind of getting nods from John over there suggesting that there might be something like this on the way. Okay, sweet. I went looking for it to show it today and I couldn't find it so that's really exciting to hear. So yes. Is there another question on that? Yep. So yep, it's not something I've personally done but there are some really, really good Drupal commerce sites out there that are doing pretty much that out of Drupal commerce where there are multiple front ends, different stores, different personalities with same content backend. Having said that, it wouldn't be that hard to do. Drupal already has many, many exciting mechanisms for allowing you to have different content displayed to different users under different domains and bits and pieces like that and because Drupal commerce uses all of the normal Drupal building blocks, anything you would normally do to enable a multi-site, multi-domain kind of environment within a single Drupal install, you can then apply that same logic and bits and pieces to Drupal commerce and get the benefits of having a single back office management system. Yeah, yep. One of the things that I haven't really shown you that is actually worth having a bit of a look at is what the back office process looks a bit like because if you're gonna be a store owner and you wanna manage your orders, here and here I can see what all of my orders look like. I can very quickly edit this order. You can see I've got my blue one. It's still in the shopping cart state so they haven't actually got through and completed it so I can see it. So if you wanna do something like cart recovery, you've got users who have logged into your site, got part way through the checkout process and you wanna contact them to say, hey, you never finished your checkout, did you actually forget to do it or did you hate our products? Did we, were we too expensive, whatever else like that? If they've logged into the site, you can get their contact details and send them emails and bits and pieces and know that. We can filter this list by status so if I just wanna see the things that are preparing shipment, I can get an error because I believe I don't have clean URLs enabled and I think that's what's going on there and I'm gonna end up in an infinite loop here. So we're just going to close that. You might just force quit Safari and I can't open Safari again so we'll just come over here to Chrome and if we go to the production side, oh, that's my iPad, quit. Where is Chrome? It's here, come in here where we have production. This one doesn't actually use the password admin just in case you were wondering. And I can go into orders here and, that's an interesting problem. Someone else can work out what's going on there at a later stage, we'll get that fixed but you can see orders and bits and pieces and filter by statuses and a range of things and I'm not quite sure why it's not working at the moment but we'll work on that later. And you can mass update product statuses and shipments if you've got a lot of things you wanna ship together you can grab all of that and go and you can get quite sophisticated shipping and tracking information tagged back into the site in the engine. Yes, yes. Yep, so if you've got an existing site that you want to commerce enable, unfortunately you really have to add the modules yourself and do some of the base integration. So to kind of give you a high level idea when you work with commerce the fundamental thing you have is you've got a distinction between your products which you sell and the way that your products are displayed. So what you do is you create a product type and your product types have all of the information about those products. So that might be the size, the color, what brand it is, all those sorts of things. You then have a product display node which groups multiple of those products together and there's some glue in the standard commerce and store which makes that a little bit easier to kind of get up and running and then basically you treat it like any other content type within Drupal. So it's not that hard and my talk last year goes over a lot of how you do that by hand and how you build your custom product types and how you build your custom product node displays to display some of that information. So I encourage you to look at that. And then you can just add it on to an existing Drupal site. Any other questions? Fantastic. Well, if you do think of anything you'd like to ask you can catch me on Twitter at Andrew Yeager. You can also leave some comments and feedback on the 2013.drupal.org website under this session and I'd love to hear what you have to say. Thank you very much.