In this tutorial, we will teach you how to set up a WooCommerce + WordPress online store where you can record and promote physical products.
WooCommerce is a free plugin that is easy and straightforward. In a sentence, WooCommerce is your best way to turn your WordPress website into a fully functional e-commerce shop.
- It needs to be set up and activated just like some additional plugins so as to function.
- It is free and accessible — like WordPress. You do not require any permits, things don’t perish and no one comes asking for money at any point.
- It is the hottest e-commerce plugin for WordPress out there.
- It is (arguably) the most feature-rich plugin of that kind also.
- It is possible to set it up and configure it by yourself.
- The installation is quickly . Usually, it’s just a matter of an afternoon.
- It works with almost any design/theme you presently have in your WordPress site — you do not need to ditch your current website design.
- We can continue with the list above, but instead, let us just say that WooCommerce only gives you all you could ever need for building a high quality e-commerce store with WordPress.
What Would You Boost Using WordPress + WooCommerce?
- Digital products (e.g. applications, downloads, ebooks),
- physical products,
- bookings (e.g. for appointments, or whatever else that may be reserved ),
- other people’s products — as an affiliate,
- customizations (e.g. additional customizations on top of your product listings), and more.
- In other words you can make money with your site .
We’d even risk saying that WooCommerce allows you to sell anything that can have a price tag assigned to it. On top of that, anyone can use it (in case you have already managed to acquire a WordPress site launched, you will also be able to manage WooCommerce).
The Way to Construct an Online Store With WordPress and WooCommerce
Notice: The goal of this part of the guide is to show you the simplest way of building a functional e-commerce shop on WordPress so that you can get your shop online whenever possible. That’s precisely why we’re going to focus on just the essential items and bypass the more complex aspects.
STEP 1. Get a Domain Name and Web Hosting
To Be Able to create an online shop or any other type of website, you are going to need two things:
- Domain name is the shop’s special address on the web. Something like YOURSTORE.com
- Web Hosting is essentially a remote computer which stores your site and then serves it to whoever wishes to visit it.
- Full disclosure: We make a commission when you wind up buying Bluehost. This helps us to conduct WebsiteSetup as a business. Thanks for your support.
There are dozens and dozens of distinct hosting/domain providers, we generally get both from Bluehost.com. They offer cheap web hosting (such as a free domain name for a year) and reliability. They are also among the very few recommended (official) hosting providers by WordPress.org.
Cost? Starting from $2.75/mo!
To begin with, you only need to head to Bluehost.com, and click the”begin” button.
This will take you to a page where you can pick a hosting plan for your shop. You can get started using the cheapest alternative, labeled”fundamental”:
The following step is about picking a domain name to your new online store.
This necessitates some brainstorming. Generally, you want your domain name to become unique, simple to remember and tricky . If you already have a business entity setup for your shop, you need to perhaps go with this as your domain name.
Once you make your domain name option , you are able to finalize the set up and cover the initial hosting fee.
Great! You have just got a domain name and a hosting plan to go along with it.
Want To Build Your First Online Store, CLICK HERE
The following step formally marks the start of your experience with WordPress — you are going to install WordPress in your hosting accounts.
This might sound hard, but it is actually not. All you need to do is to visit a Bluehost user panel (Bluehost will send you a link from your confirmation email) — usually available at my.bluehost.com.
Click it and follow the on-screen instructions. You’ll be taken through the full process step-by-step, there is nothing to worry about!
If you want more hands-on info on choosing a domain and installing a fresh copy of WordPress, please proceed and see this guide (scroll to measures 2).
At this point, you should have a sterile WordPress website set up.
Now it’s time to turn that blank WordPress site into a fully operational e-commerce shop using the excellent WooCommerce plugin.
- Install WooCommerce Plugin (FREE)
- Like with all of WordPress plugins, the fun starts by navigating to your WordPress Dashboard / Plugins / Insert New. Once there, type”woocommerce” from the search area. You will see WooCommerce as the very first search result:
Just click on the”Install Now” button next to the plugin.
Go ahead and click it.
At this stage, you’ll see WooCommerce’s onscreen launch/setup wizard. This thing makes the procedure uber-easy and takes you by the hand through everything. To start, click on”Let’s Move!”
Step 2. Create the Essential Store Pages
Online stores are a particular type of website, and they want some particular webpages to function properly. The first step in the WooCommerce magician is all about creating these pages for you:
- “Shop” — this is where your goods are going to be displayed.
- “Cart” — that really is actually the shopping cart where your customers can adjust their purchase before proceeding to checkout.
- “Checkout” — this is the point where the clients pick the shipping/delivery method and cover anything they have bought.
- “My Account” — some sort of a profile page for registered customers (they are going to be able to view their past orders and handle other details).
- All you need to do in this phase of the WooCommerce wizard is click on the”Continue” button. WooCommerce will set those pages up for you.
The area is a truly critical portion of your shop setup. Those few parameters specify your business source, currency, and favored units:
Step 3. Understand Revenue Tax
Tax is by far the most exciting part of conducting an e-commerce shop, but it’s also something we can not disregard, regrettably.
You are going to be very happy to realize that WooCommerce helps you with this part also.
First, you can pick if you’re going to be shipping physical products or not. If you check the box, WooCommerce will pre-set the remaining shipping-related details from the settings.
Next, taxation! WooCommerce has a very neat tax module, so the very best thing about it is that it helps you find out the tax rates based on your shop location (you’ve put it in the previous step).
If you’re going to charge sales tax (in most cases you are), just check the principal tax box. As soon as you do this, a new pair of boxes will appear and inform you of what’s likely to happen next.
Note: Although WooCommerce will pre-fill the taxation settings for you, you still will need to double-check with your local authorities what the true present taxation rules are, particularly if you’re not in the united states. To find out more about WooCommerce’s way of handling sales taxation, read this. It is possible to change everything after, so don’t worry if you are not sure about the rules right now.
Select a Payment Method (PayPal is Recommended)
Having the capability to accept online payments is in the crux of any e-commerce shop, WooCommerce offers a good deal concerning the available solutions.
Here Is What you can choose from:
Some of the most popular payment options are in the very top — PayPal and Stripe — it’s strongly recommended that you integrate your website with both.
You could also select other payment procedures that appear to create sense. There is likely to be even more options available in the marketplace in your WooCommerce settings panel.
Note: In order to make online payments operate, you need to join with PayPal or Stripe separately. The settings in WooCommerce are only for incorporating your existing PayPal along with Stripe accounts together with your new e-commerce site.
Again, click”Continue” when done.
The next step is just a verification screen that everything went well. At this stage, your basic website installation is done — you have just assembled a sterile e-commerce store with WooCommerce!
The next step is adding products:
STEP 4. Add Your Very First Product
To have the ability to call your store operational, you want some products from the database (or services, or downloads, or whatever it’s you would like to market ).
To Begin working with the goods, visit your dashboard, then Products / Add Product:
What you are likely to see will be a Traditional WordPress content editing screen:
The most important product description. This huge field allows you to get as much information about the product as you wish. Because this is WordPress, you can place not just straightforward text there but also graphics, columns, headings, even videos, and other media. Basically, whatever you see fit!
The fundamental product information section. This one is where you set the kind of product which you’re adding, and whether it’s a physical, a downloadable or a virtual product (services are deemed virtual goods too). Included in this fundamental section, you get tabs for a variety of parameters of this product:
General. This is where you can set the taxes and pricing.
Inventory. WooCommerce allows you to manage stock levels.
Shipping. Set the weight, measurements, and the cost of shipping. Ideal for setting upsells, cross-sales, etc. (Believe,”Customers who bought that this also purchased who .”)
Characteristics . Set custom product characteristics. E.g., if you are selling tops, you may place alternative colors . Added preferences. Not essential.
Short Description. Here is the text which gets shown on the product page under the name. Works best as a brief summary of what the item is.
Product Categories. Group similar goods together. E.g.,”hats” It functions exactly like the normal WordPress categories.
Merchandise Tags. An additional means that will help you arrange your database of products. It works just like the typical WordPress tags.
Product Image. The main product image. Additional product pictures to flaunt their awesomeness.
The first time you visit this particular panel, WooCommerce will exhibit some useful tooltips to explain what is the purpose of each area:
As soon as you’re done setting all the above, click on the big Publish button — your first product has only been added!
After adding a Few products to your database, the goods section in the dashboard must look something like this:
There’s a really good reason why people first covered how to add products to your store, before discussing the visual appearance of the entire thing.
Quite honestly, without any products in the database, you would not have the ability to find the respective pages of this store in any representative form. You wouldn’t be able to make certain that everything looks right.
Now that you have most of your products added, we can be sure that things are in order from a purely visual standpoint.
Step 5. WooCommerce vs Your Present Theme
By default, WooCommerce works with almost any WordPress theme. This is very good news especially if you’ve already chosen your layout and you would like to stick with this.
Alternatively, you can go with particular WooCommerce-optimized themes. Those themes have pre-set styles which produce all WooCommerce components look great.
Here’s our recommendation:
The official WooCommerce theme — and also the one which’s the most likely to operate properly — is named Storefront. The default version is free, also it should be sufficient to get you going.
Alternatively, you may visit the e-commerce segment at ThemeForest — the biggest directory of premium WordPress topics on the internet.
Regardless if you’ve decided to stick to your current theme or have gone to get something fresh and WooCommerce-optimized, what you have to do next is make sure the individual pages of the shop look great. Let’s do that now:
Let’s talk about a handful of important facets before we enter the nitty-gritty.
Mainly — exactly what makes an e-commerce shop design great (read: profitable)? Here are the most crucial parameters:
The design needs to be clear and not confusing at all. A visitor who’s confused won’t buy anything.
The center content block should grab the customer’s attention right after they arrive at the site. That center block is where the products will be exhibited.
Adjustable sidebars. You need to be able to select the number of sidebars you desire and disable the sidebar altogether for some pages (more on this later).
Responsive and mobile-optimized. Research indicates  that around 80% of people online own a smartphone. In accordance with another research , 61% of your mobile visitors will leave immediately and go to your competitors if they’ve a frustrating mobile browsing experience. Put simply making certain your website is optimized for mobile is vital.
Great navigation construction . You want clear menus that are easy to grasp — so that your visitors can locate the page they’re searching for.