Join Morten Rand-Hendriksen for an in-depth discussion in this video Initial configuration, part of WordPress Ecommerce: WooCommerce.
- View Offline
Now WooCommerce needs to add its own set of pages to our site, so that we have a shop page, and a shopping cart, and a checkout page, and all these other elements for the e-commerce solution to work properly. You can do this manually, but it takes a bit of time, so it's much easier to simply click the Install WooCommerce Pages button. Once you click the button, you're immediately taken to this Welcome to WooCommerce page, which is very similar to the Welcome to WordPress page. Here you get information about the newest version, you get some highlights about how it works, you get some screen grabs, and some examples of new features, and there's lots of information on this page.
But what really happened happened behind the scenes, and if we go to Pages, you can see we now have a whole series of new pages; Cart, Checkout, Order Received, and so on. All in all, WooCommerce will add 10 new pages to your site, and now that those pages have been added, we need to add them into our menu, because if you go to the front page, you'll see our menu is still the same as it was before, because this is our custom menu, so now it's our job to go and set up the menu to have all of the new WooCommerce features.
So, I'll go back to Menus here, and then I can add in the new menu items. So, as you can see, they all appear under View All, under Pages, so you can see all the new pages, and here I can start adding the pages in, so I'm going to do them a bit at a time. So, first I have the Shop page, and I also have the Cart page, so I'm going to add those two first. I'll put the Shop page directly under Home. Then I'll also put the Cart page directly after Shop, because this makes sense; you go to the shop, and then you go to the Cart.
Now I'm going to add the Checkout pages, so I'll click on the three of them, and add them to the menu, and I'll dock them like they are in the hierarchy here. Then I can put the Checkout after Cart, and then I'm going to add the My Account pages, and I'll add those at the very end here after Contact. So, I'll select all of those pages, and once again, I will dock these just like they are in the hierarchy. Click Save Menu, go back to the front page, and here you see all my new menu items: Shop, Cart, Checkout, with the sub-items, and My Account, with all the sub-items.
Now, the way you set up your menu is completely up to you. I'm just laying it out in the way I think is rational, but you can change this in any way you want to. There's no absolute right way or wrong way to do this. Generally, you just want to provide enough links on your main menu for people to easily find what they're looking for, and to me, right now, this looks like a logical way of doing that. Now that you have all the pieces put together, and your site is configured, so that it's easy for your visitors to find what they're looking for, we can dive deeper into the configurations of WooCommerce itself.
Want to learn more about ecommerce with WordPress before jumping in? Check out the first course in this series where Morten explores other WordPress solutions, WordPress Ecommerce: Core Concepts.
- What is WooCommerce?
- Installing WooCommerce
- Setting up your store
- Configuring payment options
- Using the built-in shipping methods
- Adding product data
- Monitoring product reviews
- Configuring the front page
- Receiving and managing orders
- Creating reports and coupons