How to Set Up Woocommerce on WordPress
10 Minute Read
Today we’re going to be talking about how you can set up your online store on WordPress, specifically Woocommerce on WordPress. I’m going to walk you through step by step. One caveat to this information, this is for our Weeknight Website members, which means that you’re going to need ALL of the tools that we use in this tutorial to set up your online store on WordPress. If you’re not a Weeknight Website member, then you’re going to need the following tools.
- Beaver Builder
- Beaver Themer
I also recommend really great hosting for your WordPress website. If you don’t have these things it will cost you a few hundred dollars to purchase them. If you’re already a Weeknight Website member, you have access to these with your membership.
Want to become a Weeknight Website member and get all these tool plus loads of other hidden benefits? Check out our membership details!
How to Set Up Woocommerce on WordPress (Step By Step)
PRO TIP: You can even use this tutorial to help you set up and promote your affiliate links. If you are an affiliate for a product or a program and you get a commission on every time someone buys the product based on your recommendation, you can actually use this to set up your affiliate store on your website. You can promote your store, even if you don’t have your own products that you make.
Step #1 (2:16 to 2:44)
The first thing you will need to do is to install Woocommerce to your WordPress website. This is very simple. Just visit your plugin library, then under Woocommerce, hit activate. If you are using Weeknight Website these all come pre-installed. If you are not using Weeknight Website, simply install the plugin from this link. You’ll see on the screenshot below, there are some gateways, such as Woocommerce for Stripe or Paypal. You can activate those if you’re using stripe or PayPal, but if you are not using those, all you have to do is activate an install woo commerce on your websites.
Step #2 (2:45 to 4:46)
Next step we’re going to do is enter the shop details in your settings. There are some essential details that every store is going to need. You’re going to need your business address, a payment gateway, and your shipping information. Now, a lot of times this step gets ignored, but I will tell you that you don’t want to lose a ton of money to shipping or note get paid because your payment gateway is set up wrong.
To avoid issues we want to use the wizard. 🧙♂️As soon as you hit activate on Woocommerce, it is gonna pull up this little setup wizard that’s going to walk you through all the steps to setting up your store so you don’t miss anything. Once it’s done, you don’t have to really worry about it later. However, if you choose not to do the wizard or if you forget for some reason, you can always access it in your settings. Just go to the Woocommerce tab in your WordPress dashboard and go to settings. Simply click the tabs that say “general”, “products”, and shipping.
Step #3 (4:47 to 5:32)
Next up, you want to install your store pages. By default, Woocommerce needs a few pages from you to actually run your store. You are going to need a cart and a checkout page. All the things that come by default with a shopping experience online, right? Woocommerce will automagically generate these for you. However, if you want to use a different page, you need to specify that.
Step #4 (5:33 to 7:52)
Now we want to actually get to the meat of it and add products. Navigate to the Woocommerce section on the left-hand side of your dashboard and select the products tab. When you want to set up a new product, always make sure you have these things first.
- Product image
PRO TIP: Here’s how you can add affiliate products. Under product data, hit external/affiliate products and it’s going to give you all these new options where you can actually add in your affiliate link as the buy now button. Instead of an add to cart button, it will say buy now or shop now and then it will lead them over to the external site where your affiliate link points.
Step #5 (8:26 to 10:43)
Next step, you’re going to build your store page. Once you have a couple of products to fill it out, you want to set up a store where people can buy those products. This is where we’re using Beaver Builder and Beaver Themer.
If you use Weeknight Website, we call it the weeknight website builder. Visit Themer Layouts and then choose the archive option. An archive is anything that shows a library of things. We are going to name this our store page. Under locations, we’re going to make sure that the location is product archive, and then select product category archive. Then open the builder. By default, there is a theme applied that is actually really great looking. You can customize this as much as you like, but you want to keep things simple to understand.
PRO TIP: We recommend installing a tool (which comes pre-installed on Weeknight Website) called Woo Pack for Beaver Builder. This is going to give you a lot more fancy module options like product views that are really beautiful and even give you tools like a quick view. We recommend Woo pack for beaver builder if you are just wanting to make your store page have a little bit more pizazz.
Step #6 (10:44 to 13:19)
Next up you are going to repeat this process to build your product pages. First, go to Themer Layouts. Instead of being an archive layout is going to be a singular layout. So singular way out is anything that gets reproduced for one-off posts. Once you hit a singular, it’s going to bring you to a window like the one below. Under location, select apply to all products pages.
I recommend you go into the templates section of the editor. There is a product template built in that is going to be the most familiar template to users.
PRO TIP: A lot of online stores use the same product layout. This is because we want to keep it familiar when it comes to an online shopping experience. People like familiarity because it establishes trust. It makes them feel like you are credible and that you are doing things the way that other retailers that they have built a relationship with over a long time.
Step #6 (13:19 to 14:11)
Now we want to test actually going through the process of buying one of our products. You want to see what the checkout experience is like for the customer. I recommend going into Woocommerce and creating yourself a coupon that makes your product $.25 cents or something like that.
Step #7 (14:12 to 18:13)
This is our last step before launching. This is another one of those things in excitement gets overlooked a lot. However, you want to make sure that the emails people are getting are all there. You want to have a really clear record of what’s happening in your shop and obviously, if you need to deliver something, you need to know about it. So, make sure you head back into Woocommerce, go into settings, and then navigate to the email tab and double check all those emails. You can even change the copy of the emails being sent.
Lastly, you’re going to go live! 🎉
You are done, my friend, you did it, you just launched your store. I’m so proud of you. I know that some of this can be really intimidating, but as long as you understand that the whole point of the layouts and settings is to create a template that can be used on multiple kinds of pages, you will get products and a shop that is lovely.