WooCommerce is the most well-liked ecommerce answer for WordPress by some margin. It boasts over Four million energetic installs, a 4.6 person score on WordPress.org, and a military of glad, loyal digital retailer house owners.

What’s extra, as of June 2019, WooCommerce powers round 7% of all on-line shops and 22% of the highest 1 million ecommerce websites. Ecommerce gross sales are booming, so should you’re trying to open up store in your WordPress-powered web site, going with WooCommerce is among the greatest selections you might make.

The one query left is: How are you going to get WooCommerce up and working up your web site? To reply this, we’ve put collectively an in depth WordPress WooCommerce tutorial. Let’s bounce proper in!

  • Easy methods to Set up and Set Up WooCommerce
  • Including and Managing New Merchandise in WooCommerce
  • Easy methods to Customise Your WooCommerce Retailer
  • Enhancing WooCommerce Templates
  • WooCommerce Internet hosting

Easy methods to Set up and Set Up WooCommerce (In 7 Steps)

Naturally, you’ll want to start by putting in and activating the WooCommerce plugin. You are able to do this both on a brand new or present WordPress web site. Within the following steps, we’ll stroll you thru the method of establishing the plugin and configuring its settings.

Step 1: Set up the Plugin

The very first thing you’ll have to do is to put in WooCommerce in your web site. You’ll be able to obtain it without spending a dime from the WordPress repository, then add it to your web site. Even simpler, you may set up it proper by way of your WordPress dashboard.

The WooCommerce WordPress plugin

The WooCommerce WordPress plugin

To do that, entry your WordPress web site and navigate to Plugins > Add New. Use the search bar to find “woocommerce”, and click on on Set up Now once you discover the correct plugin. The plugin writer ought to be listed as Automattic:

Installing WooCommerce

Putting in WooCommerce

Give the plugin a second to put in. Then, click on on the Activate button:

Activating WooCommerce

Activating WooCommerce

At this level, the plugin can be up and working in your web site!

Step 2: Entry the Setup Wizard

After putting in WooCommerce, you’ll be prompted to stroll by way of a setup wizard. It’s non-obligatory, however we suggest going by way of it in an effort to configure some key settings.

The primary web page of the WooCommerce setup wizard ought to appear like this:

The WooCommerce Store setup page

The WooCommerce Retailer setup web page

Right here, WooCommerce is prompting you to enter some fundamental details about your retailer. This consists of its handle, what forex you’d like to make use of, and whether or not you intend to promote digital or bodily merchandise (or each).

Remember the fact that something you set right here (or all through the remainder of the setup wizard) might be modified afterward in your WooCommerce settings if vital. For now, the following step in our WooCommerce tutorial 2019 is to pick Let’s Go.

Step 3: Select Your Cost Processors

On the following web page, you may resolve what funds you’ll allow in your on-line retailer. By default, you should utilize Stripe and/or PayPal, together with offline funds corresponding to checks and money:

The WooCommerce Payment page

The WooCommerce Cost web page

Merely choose the choices you’d like to make use of, and WooCommerce will set them up. You may also use extensions so as to add extra fee processors to your retailer, which we’ll speak about later. At Kinsta, we’re large followers of Stripe.

Beneficial studying: Easy methods to Stop and Cut back Credit score Card Fraud by 98% Utilizing Stripe Radar

Step 4: Configure Your Transport Choices

Subsequent, you’ll discover the Transport display:

The WooCommerce Shipping page

The WooCommerce Transport web page

Right here, you may resolve how a lot prospects can be charged for delivery. You’ll be able to set one price in your most popular zone, and one other for purchasers who’re in different places. For those who like, you can even provide free delivery to at least one or each teams.

Step 5: Evaluate Optionally available Add-Ons

At this level, you’ve configured all of the fundamentals in your on-line WooCommerce retailer. The following web page of the setup wizard presents you with just a few non-obligatory add-ons:

The WooCommerce Recommended page

The WooCommerce Beneficial web page

All of those instruments can come in useful, though none of them are required to run your on-line retailer. We do counsel a minimum of trying out Storefront. It is a WordPress theme designed particularly for WooCommerce and may make establishing your retailer faster and simpler.

Step 6: Set up the Jetpack Plugin (Optionally available)

The next display additionally affords an non-obligatory add-on:

The WooCommerce Activate page

The WooCommerce Activate web page

Jetpack is a helpful WordPress plugin that gives a variety of options. This consists of safety performance, numerous analytics, and extra. It may be a helpful addition to your WooCommerce retailer, however isn’t required – so it’s as much as you whether or not you’d like to put in it or not.

Step 7: Full the Setup Course of

Your WooCommerce retailer is now able to rock and roll:

The WooCommerce Ready page

The WooCommerce Prepared web page

You’ll discover a lot of helpful hyperlinks right here. You’ll be able to import merchandise to your retailer, return to your WordPress dashboard, or edit the settings you simply configured.

Almost certainly, nonetheless, what you’ll wish to do now’s begin including merchandise. To maintain following our WordPress WooCommerce tutorial, go forward and choose Create a Product now.

Including and Managing New Merchandise in WooCommerce

After putting in WooCommerce, you’ll discover two new tabs in your dashboard’s facet menu. These are known as WooCommerce (your common settings space) and Merchandise (your merchandise settings space).

To start out establishing your on-line retailer, you may both comply with the hyperlink on the finish of the setup wizard or go to Merchandise > Add New. Both approach, this can allow you so as to add your first product, utilizing the acquainted WordPress editor:

New WooCommerce product example

New WooCommerce product instance

The very first thing you’ll wish to do is create a title and a brief description of the product. Right here’s what only a title and outline seems to be like in a stay preview:

WooCommerce product title and description

WooCommerce product title and outline

With this accomplished, you’ll additionally wish to add details about your new product to WordPress. Within the subsequent few sections, we’ll have a look at how to take action.

Including Key Particulars to Your Product

For those who scroll down under the submit editor, you’ll see two new widgets not discovered on common posts or pages. The primary is the Product information part:

WooCommerce Product data section

WooCommerce Product information part

Right here, you may add all types of particulars about your product. On the very high, you may choose whether or not or not the product is digital (which removes the Transport tab) and whether it is downloadable. Then, within the Normal tab, you may enter within the common and sale costs (gross sales might be time-sensitive).

For those who’re promoting digital merchandise, you’ll additionally must add the file to be bought, customise the obtain restrict (go away it clean to mark it as limitless), and set the obtain expiry (go away it clean to maintain it obtainable completely):

WooCommerce Downloadable product options

WooCommerce Downloadable product choices

Subsequent, within the Stock tab, you may handle your inventory by getting into within the amount of the product, inventory standing (in/out of inventory), and should you’d like to permit backorders:

WooCommerce Inventory tab

WooCommerce Stock tab

Moreover, you may mark the product as individually bought, which means just one might be purchased in a single order. That is additionally the place you may enter the product’s SKU (identification quantity) you probably have one.

There are a variety of different helpful tabs right here as effectively. The Transport part will allow you to enter the merchandise’s weight, dimensions, and delivery class. Within the Linked Merchandise tab, you may add upsells and cross-sells, whereas Attributes allows you to describe the product’s traits.

Lastly, within the Superior tab, you may enter customized buy notes, give the product a set place in your menu, and allow or disable opinions. For those who like, you can even view advisable extensions underneath the Get extra choices display.

Creating Attributes and Variable Merchandise

As you may see, there are many choices for including particulars to your WooCommerce merchandise and customizing them totally. Let’s take a better have a look at two of essentially the most helpful choices within the Product information part – attributes and variable merchandise.

Attributes are key descriptors in your product, they usually inform potential prospects necessary details about it. This may embrace the merchandise’s shade, the fabric it’s made out of, its dimension or kind, and extra. For those who add these particulars to your product within the Attributes tab, they’ll seem on the product web page:

WooCommerce product with attributes

WooCommerce product with attributes

It doesn’t matter what kind of merchandise you’re promoting, attributes are helpful for speaking very important traits in a concise approach. Nevertheless, what should you additionally promote gadgets that are available in a number of choices? For that, you may choose the Variable product choice:

The WooCommerce Variations tab

The WooCommerce Variations tab

This provides you with entry to a brand new Variations tab, the place you may create a number of variations of your product utilizing the attributes you already assigned. So for instance, let’s say you provide a shirt in pink, inexperienced, and purple. You’ll be able to add a variation for every shade, then give every a singular description, value, and so forth.

Your prospects will have the ability to see all obtainable variations on the product web page:

WooCommerce product with variations

WooCommerce product with variations

This makes it simple for guests to view every part you must provide at a look. Plus, it means you don’t must create separate product pages for slight variations on the identical merchandise.

Customizing Your Product Quick Description

Beneath the Product information widget, you’ll additionally discover a part labeled Product quick description:

The WooCommerce product short description widget

The WooCommerce product quick description widget

Right here, you may create a concise tagline that may seem beneath the product’s title. You should use this description to spotlight the merchandise’s main advantages and incorporate a number of key phrases to assist prospects find it in searches.

After customizing your product’s information and outline, don’t overlook to take a look at the opposite choices on the product web page as effectively. You’ll be able to add tags to your product, place it in a class, and embrace a featured picture and even a whole picture gallery.

Right here’s what your remaining product may appear like on the entrance finish:

A sample product in WooCommerce

A pattern product in WooCommerce

As soon as your product is prepared, hit Publish to make it stay in your web site. Then, you may repeat this course of to create extra merchandise as wanted.

Managing Your WooCommerce Merchandise

You’ll in all probability embrace a lot of gadgets in your WooCommerce retailer, which suggests you’ll want a straightforward option to handle them. Thankfully, you are able to do this by way of the Merchandise tab in your dashboard.

For instance, you may choose All Merchandise to see each merchandise at present listed in your retailer. You’ll be able to add, edit, and delete merchandise right here as wanted:

WooCommerce products

WooCommerce merchandise

Within the different pages underneath the Merchandise part, you may view your product classes, tags, and attributes. Every of those pages seems to be like the usual WordPress Posts > Classes web page and might help you retain your total stock organized.

Easy methods to Customise Your WooCommerce Retailer

Earlier in our WooCommerce tutorial, you configured just a few fundamental settings in your on-line retailer. There are much more choices to play with, nonetheless, which you will discover within the new WooCommerce tab.

It’s right here you may view orders, coupons, and reviews, in addition to customise settings and add new extensions. Let’s stroll by way of every display one after the other.

Orders

First up, the Orders web page shows an inventory of latest purchases in your retailer:

The WooCommerce Orders page

The WooCommerce Orders web page

For those who promote digital merchandise, there’s not a lot to do right here aside from view what has been purchased these days. Nevertheless, should you promote bodily items, that is the place you will discover out what merchandise it is advisable to ship and the standing of your orders.

Coupons

WooCommerce has a number of helpful choices for including new coupons to your ecommerce retailer. Within the Coupon tab, you may choose Create your first coupon to entry the enhancing display:

Creating a WooCommerce coupon

Making a WooCommerce coupon

You’ll be able to add a coupon code and outline right here. Then, the Normal tab allows you to edit its fundamental data: the kind of coupon (proportion low cost, fastened cart low cost, or fastened product low cost), its worth, free delivery choices, and its expiry date:

The Usage restriction screen

The Utilization restriction display

Below Utilization Restrictions, you may set a minimal spend the shopper has to make in an effort to validate the coupon. You may also test the field for Particular person use solely should you don’t need prospects to make use of the coupon along with different affords.

You’ll be able to set if the coupon ought to apply solely to non-sale gadgets right here, and likewise choose the merchandise and product classes the coupon is relevant to. Lastly, you may even ban sure e-mail addresses from coupon utilization.

The ultimate tab, Utilization Limits, allows you to decide what number of occasions the coupon can be utilized, each general and per buyer. Then, merely publish your coupon to make it energetic, and let your prospects know concerning the code they’ll want.

Stories

WooCommerce additionally affords highly effective built-in monitoring performance. Within the Stories tab, you may view charts and graphs of your gross sales, orders, and delivery prices over totally different time durations:

The WooCommerce Reports tab

The WooCommerce Stories tab

Every graph might be restricted to the gross sales of a selected product, class, or coupon. Within the Clients sub-tab, you can even view your buyer acquisition over the identical time durations.

Final however not least, you’ll have the ability to overview your low in inventory, out of inventory, and most stocked merchandise within the Inventory sub-tab. All of this information might be exported as a CSV sheet if wanted.

Settings

That is the place WooCommerce will get actually spectacular. Within the Settings display, you may customise nearly each side of your ecommerce retailer. Parts corresponding to the position of your ‘1000’s’ separator, all the checkout course of, e-mail choices, and rather more might be tailor-made to satisfy your wants.

Inside this part, the Normal tab covers your retailer’s fundamental data, together with its forex, promoting places, and show choices:

WooCommerce General settings

WooCommerce Normal settings

One other notable choice right here is Allow tax charges and calculations. For those who test this field, you’ll achieve entry to a beforehand hidden Tax tab:

WooCommerce Tax settings

WooCommerce Tax settings

Right here, you may let the platform know if the costs you enter in your merchandise will embrace taxes or not. Within the latter case, you may have WooCommerce calculate tax charges for you, primarily based in your retailer’s handle, the shopper’s delivery handle, or the shopper’s billing handle.

You’ll additionally have the ability to configure how taxes will apply to delivery prices, and even decide whether or not they’ll be rounded. Then you may customise the best way costs and taxes are displayed on the entrance finish and in the course of the checkout course of.

Your product information, together with measurements, opinions, inventory particulars, obtain strategies, and even add-to-cart buttons might be custom-made within the Merchandise tab:

WooCommerce Products settings

WooCommerce Merchandise settings

Transport is the place you may configure your delivery zones and pricing:

WooCommerce Shipping settings

WooCommerce Transport settings

You may also customise how delivery is calculated, and select what the default delivery vacation spot can be. Limiting your retailer availability solely to particular nations can be attainable.

Want a top-notch, quick, and safe internet hosting in your new ecommerce web site? Kinsta supplies blazing quick servers and 24/7 world-class help from WooCommerce consultants. Try our plans

The Funds tab exhibits you what fee processors can be found and energetic in your retailer:

WooCommerce Payments settings

WooCommerce Funds settings

Right here you may allow and disable no matter fee choices you want. Plus, you’ll discover helpful hyperlinks for customizing the settings for particular processors.

Subsequent up, Accounts & Privateness controls numerous elements of your prospects’ expertise:

WooCommerce Accounts & Privacy settings

WooCommerce Accounts & Privateness settings

You’ll be able to arrange a privateness and checkout coverage, configure how buyer information can be saved and retained, and extra.

As well as, you could have numerous choices for a way buyer checkouts can be dealt with. Below the Visitor checkout and Account creation sections, you may decide whether or not guests will have the ability to place orders as visitors (i.e., with out logging into an account).

Then, you may resolve in the event that they’ll have the choice to log into and/or create a brand new account in the course of the checkout course of. You’re even in a position to present them with automatically-generated usernames and passwords, in an effort to velocity up the registration course of.

Within the Emails tab, you may customise all issues buyer help:

WooCommerce Emails settings

WooCommerce Emails settings

On the high of this display, you’ll discover a listing of e-mail notifications which are despatched by way of WooCommerce in response to particular triggers (corresponding to an order being positioned or canceled). You’ll be able to click on on any of those emails to allow/disable them, in addition to to customise their contents:

Customizing WooCommerce emails

Customizing WooCommerce emails

You’ll even discover directions right here for enhancing the e-mail templates, should you’re comfy utilizing HTML. You’ll be able to copy the e-mail’s file to your theme folder, then make no matter modifications you want. Alternatively, you may create your personal customized e-mail templates.

Beneath that, you may configure just a few international settings for all of the emails despatched out of your WooCommerce retailer. This consists of the ‘from’ title and handle, footer textual content, and even colours and backgrounds.

Lastly, within the Superior tab you may allow the REST API, configure keys, apps, and webhooks, and carry out different lower-level duties:

WooCommerce Advanced settings

WooCommerce Superior settings

All of those settings might be custom-made and adjusted everytime you like, and your retailer can be up to date routinely.

Standing

Subsequent, let’s briefly take a look at the Standing tab:

The WooCommerce Status tab

The WooCommerce Standing tab

Your whole back-end data might be discovered right here, corresponding to your WooCommerce/PHP/MySQL/and many others. model, dimension limits, logging, and extra.

Within the Instruments sub-tab on the identical web page, you may clear your web site’s caches for a number of variables, filter out previous information, and even revert your retailer’s settings to their defaults.

Extensions

One of many attributes that make WordPress the most well-liked Content material Administration System (CMS) on the planet is the neighborhood behind it. There are literally thousands of themes and tens of 1000’s of plugins you should utilize to customise your web site. What’s extra, almost 100% of them are user-contributed.

This additionally applies to WooCommerce, though on a smaller scale. You could find a number of instruments for increasing your retailer, including new choices and options, and customizing its look within the Extensions tab and elsewhere:

The WooCommerce Extensions tab

The WooCommerce Extensions tab

For example, whereas you should utilize WooCommerce with any theme, it may possibly assist to select one which’s designed for the plugin. Storefront is a good place to begin, however there are many different choices in directories corresponding to ThemeForest:

A selection of WooCommerce themes

A choice of WooCommerce themes

You may also take a look at the WooCommerce extension retailer, which incorporates each developer-created and third-party choices:

The WooCommerce extension store

The WooCommerce extension retailer

There are extensions for including new delivery choices to your retailer, enabling subscriptions, customizing the checkout course of, integrating e-mail and social media advertising and marketing, and rather more. You may also discover free and paid extensions that allow you to provide extra fee processors to your prospects, corresponding to Sq. and Amazon Pay.

Lastly, you’ll additionally discover loads of plugins designed to increase Woocommerce in quite a lot of methods. Simply to provide one instance, the Braintree For WooCommerce plugin allows you to settle for all types of funds in your retailer:

Braintree For WooCommerce plugin

Braintree For WooCommerce plugin

In different phrases, if you wish to tweak one thing about the best way your WooCommerce retailer works, likelihood is you are able to do so by merely discovering the correct instrument.

Enhancing WooCommerce Templates

Between WooCommerce’ built-in settings and the various extensions and plugins obtainable for it, you could have a number of flexibility over how your store works. Nevertheless, should you’re a extra superior person and wish to carry out your personal customizations, a superb place to begin is by enhancing WooCommerce’s template information.

This may allow you to tweak the best way key options work, such because the buyer carts and checkout course of. Please observe that this can be a dangerous course of, particularly should you’re new to working with theme and plugin information immediately. Earlier than getting began, you’ll wish to again up your web site simply in case of any unintended modifications.

Then, you’ll have to entry your web site utilizing a Safe File Switch Protocol (SFTP) consumer corresponding to FileZilla. Find your web site’s root folder (usually both known as public_html or named after your area), and navigate to wp_content/plugins/woocommerce:

The WooCommerce folder in FileZilla

The WooCommerce folder in FileZilla

On this listing, you’ll discover a folder known as templates. Open it up, and also you’ll see an inventory of all of the templates which are at present energetic in your retailer:

WooCommerce templates in FileZilla

WooCommerce templates in FileZilla

At this level, you may open up any template you want and begin making modifications. For example, if you wish to make alterations to the ‘Thank You’ web page that seems after a buyer has positioned an order, you may open up the checkout folder and find the thankyou.php file. Then you may obtain it, edit or add parts as you see match, and reupload it to your server.

WooCommerce Internet hosting

Once you run a web-based retailer, time is actually cash. For this reason it’s necessary to have a quick and dependable WordPress host, in an effort to guarantee longer uptime, larger conversion charges, and a greater Return on Funding (ROI).

WooCommerce has been identified to decelerate WordPress websites, particularly for big shops with a number of merchandise. Thankfully, with Kinsta as your internet hosting supplier, you received’t want to fret about this. We offer managed internet hosting providers, together with highly-optimized WooCommerce internet hosting designed particularly with efficiency in thoughts:

WooCommerce hosting plans at Kinsta

WooCommerce internet hosting plans at Kinsta

Due to our scalable infrastructure on the Google Cloud Platform, in addition to the most recent know-how corresponding to PHP 7, NGINX, and MariaDB, we will guarantee a transfer to Kinsta will assist to extend your gross sales!

“The COO contacted me with an precise answer as a substitute of lot of “belief us” fluff I used to be getting elsewhere. He was sincere and easy, which was very refreshing. After migration, help was dealt with by the CEO, who made some wonderful options and tweaks which dramatically improved efficiency.”

– Caleb Worm, Swagway.com

Abstract

WooCommerce is, past a shadow of a doubt, the most effective free ecommerce answer for WordPress. On the skin, the plugin has phenomenal stats. Nevertheless, it’s solely once you dig deeper into the plugin’s many choices that its true energy is revealed.

We even have one thing superior for you! We spent months placing collectively this 18-chapter WooCommerce optimization information. It features a ton of classes and free instruments for optimizing and rising your million greenback firm with the help of WooCommerce.

Is there something necessary we’ve missed in our WooCommerce tutorial? If that’s the case, tell us within the feedback part under!

The submit WooCommerce Tutorial — Easy methods to Set It up on Your Web site appeared first on Kinsta Managed WordPress Internet hosting.