woocommerce 101
TRANSCRIPT
![Page 1: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/1.jpg)
WordCamps:Wilmington, NC Sept 23-24th
https://2017.wilmington.wordcamp.org/
WordCamp US: Nashville, TN, Dec 1-3
https://2017.us.wordcamp.org/
![Page 2: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/2.jpg)
Slides Available:Find slides at SlideShare.net/Laura-Hartwig
(will give link at the end of presentation)
![Page 3: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/3.jpg)
WooCommerce:Shopping Cart forWordPress
• 09.04.20XX
The Shopping
cart for
WordPress
![Page 4: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/4.jpg)
Choosing WooCommerce
Free plugin
Perfect if you have more than one
product
Add-ons will cost you
![Page 5: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/5.jpg)
Installing Woo
![Page 6: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/6.jpg)
WooCommerce
Installation
Step 1To install it from your
dashboard navigate to
WordPress Admin >
Plugins > Add New,
search for
“woocommerce”, and click
on “Install Now.”
Step 2Then click on “Activate.”
![Page 7: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/7.jpg)
Step 3You are then met with a
walkthrough to for
WooCommerce setup.
You can skip this but it’s a
good idea to do it. Click
on “Let’s Go.”
![Page 8: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/8.jpg)
Step 4On the page setup screen
WooCommerce is notifying
you that it will create a few
pages for you
automatically that are
needed to complete the
setup. This includes a
shop , cart, checkout, and
my account pages. Click
on “Continue” to let it
create these for you.
![Page 9: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/9.jpg)
Step 5On the store locale setup
screen WooCommerce
allows you to quickly
choose the country and or
state you are based out of,
the currency, and units for
your products. Then click
on “Continue.”
![Page 10: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/10.jpg)
Step 6On the shipping & tax
setup screen you can
choose whether or not you
are shipping physical
goods to customers.
Remember,
WooCommerce can also
be used to sell digital
products and downloads.
And then you can enable
sales tax if required. Then
click on “Continue.”
We will talk about these
more in just a minute.
![Page 11: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/11.jpg)
Step 7On the payments screen
you can choose which 3rd
party payment processor
you want to integrate with.
There are options for
PayPal or Stripe. Both will
charge transactions fees
through their services.
You can also use plugins
to enable other payment
processors. Then click on
“Continue.”
![Page 12: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/12.jpg)
Payment
GatewaysThese are just some
payment gateway options.
Many are free but some
are $79/year or more.
Find a list of options and
prices here:
https://woocommerce.com
/product-
category/woocommerce-
extensions/payment-
gateways/
![Page 13: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/13.jpg)
SSLCertificates
1. Not required but GREAT idea
2. Required if you don’t want
customers to leave your site
3. Good investment for security,
SEO, and buyer confidence
![Page 14: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/14.jpg)
Complete!Now you can start setting
up your products
![Page 15: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/15.jpg)
Settings
![Page 16: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/16.jpg)
SettingsWP Admin >
WooCommerce > Settings
The General tab takes
care of your basic
information, including your
currency, base & selling
locations, and display
options.
![Page 17: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/17.jpg)
Products Tab -
General
Your product data,
including custom sorting,
default displays,
measuring systems,
product thumbnail
dimensions, download
methods.
![Page 18: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/18.jpg)
Products Tab -
Display
This lets you choose which
page your products show
on be default, but you can
also use shortcodes to
display products on any
pages.
You can choise between
showing products,
categories, or both. And
you can choose how
products are sorted.
Finally, choose image
sizes.
![Page 19: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/19.jpg)
Products Tab -
Inventory
Here’s your opportunity to
manage stock. This is a
great option if you have
limited merchandise or
one-of-a-kind
merchandise.
![Page 20: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/20.jpg)
Products Tab -
Downloadable
products
Here’s your opportunity to
manage stock. This is a
great option if you have
limited merchandise or
one-of-a-kind
merchandise.
![Page 21: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/21.jpg)
Taxes Tab - Tax
Options
Taxation methods are
modeled in the Taxes tab
— if you wish, you can
even disable taxation in
your store.
Note: this tab will only
show up if you have
selected the option to
charge taxes.
![Page 22: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/22.jpg)
Taxes Tab -
Standard Rates
In this example, we have a
6% tax rate for all U.S.
states except California,
which has a 7% tax rate
and a local tax rate of 2%
for ZIP code 90210. Notice
the priorities — this
demonstrates how you can
‘layer’ rates on top of
another.
Contact your accountant
You can also import/export tax rates in a CSV file.
There is also a (paid) plugin called TaxJar that can help you set up tax rates
and keep them updated.
![Page 23: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/23.jpg)
Shipping
![Page 24: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/24.jpg)
Shipping Tab -
Zones
This allows you to charge
different shipping rates
depending on where you
are shipping
Adding new zone
1. Go to: WooCommerce >
Shipping > Shipping
Zones.
2. Click the Add shipping
zone button at the top.
![Page 25: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/25.jpg)
Shipping Tab -
Zones
3. Enter a descriptive Zone
Name, and select Zone
Regions that apply.
Regions can consist of: a)
Countries, b) States, c)
Continents.
![Page 26: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/26.jpg)
Shipping Tab -
Zones
4. Select Limit to specific
zip/postcodes to further
narrow which customers
match this zone. For
example, you can set a
local zone with a specific
set of postcodes (one per
line); a range of postcodes
(e.g. 90210…99000)
Select which Shipping
Methods are available to
this zone.
![Page 27: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/27.jpg)
Shipping Rates
1. Flat Rate, Free Shipping, and
Local Pickup are included.
2. Can use shortcodes to multiply
by [qty], [cost],[fee]
3. Example : [qty] * 3
![Page 28: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/28.jpg)
Shipping Rates
1. You will probably need a paid
plugin if you want to customize
using weight and/or size for
UPS or USPS
2. Paid plugins are approx
$79/year
![Page 29: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/29.jpg)
Shipping Tab -
Shipping Options
Enable a shipping
calculator and if shipping
costs should be
determined by shipping or
billing address.
![Page 30: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/30.jpg)
Checkout Tab
Allows you to choose from
payment gateways and
enable coupons (which we
will talk about later) and
enable guest checkout.
![Page 31: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/31.jpg)
Checkout Tab
Then choose what
payment options you will
allow. Click on any one to
configure it’s options.
You can increase these
options by installing a
payment gateway plugin.
![Page 32: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/32.jpg)
Accounts Tab
Edits all front end account
display and registration
options.
![Page 33: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/33.jpg)
Emails Tab
In the Emails tab, you can
customize all things
customer support.
Specifically, you can tailor
all the sender options for
WooCommerce-generated
email, right down the email
background color.
![Page 34: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/34.jpg)
Customizing
Emails
Keep in mind that how you
can edit these emails is
limited to this
If you want more
customized emails, you
will need to edit PHP code
or add a plugin
![Page 35: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/35.jpg)
Customizing
Emails
And by edit PHP code, I
mean like this
![Page 36: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/36.jpg)
Updates
![Page 37: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/37.jpg)
UpdatesUpdates can get tricky if
you make changes to the
theme files. After you do a
update, check under
WooCommerce > Status >
System Status for any
templates that need to be
updated as well.
*Note: only developers
should change theme files.
If you have a developer
alter your theme files for
Woo, you will need to have
a developer to oversee
updates as well.
![Page 38: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/38.jpg)
Adding Products
![Page 39: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/39.jpg)
New Menu Items
The first alteration you’ll
notice is the addition of
two new tabs to your
dashboard’s side menu,
named WooCommerce
(your general settings
area) and Products (your
products settings area).
![Page 40: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/40.jpg)
Adding
ProductsTo get started setting up
your e-store, go to
WordPress Admin >
Products > Add Product to
add your first product.
Create a title and short
description for the product.
Here’s what just a title &
description looks like in a
live preview.
![Page 41: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/41.jpg)
Product Short
DescriptionWith the product short
description screen widget,
you can create a short
tagline for the image that
will be displayed under the
product title.
![Page 42: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/42.jpg)
Product DataHere you can put in all the
product info and choose if
the product is going to be
a Simple Product or
Variable.
![Page 43: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/43.jpg)
Variable Products Each item can have it’s
own price, image, and
other info
![Page 44: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/44.jpg)
Variable Products This is an example of a
variable product with
different colors, sizes, and
designs.
![Page 45: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/45.jpg)
Product
Categories, Tags,
Images, and
Galleries
![Page 46: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/46.jpg)
Product
Categories, Tags,
Images, and
Galleries
![Page 47: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/47.jpg)
Managing Products
![Page 48: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/48.jpg)
Managing
ProductsIn the other pages under
WordPress Admin >
Products, you can view
your products, categories,
tags, shipping classes,
attributes, and calendar.
Each of these pages look
like the standard
WordPress Admin > Posts
> Categories page, except
the product view.
![Page 49: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/49.jpg)
Managing
Products
Don’t forget to use Bulk
Actions to edit multiple
products at once.
![Page 50: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/50.jpg)
Managing Orders
![Page 51: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/51.jpg)
OrdersWP Admin >
WooCommerce > Orders
This page displays a list of
your current purchases
and orders. If you sell
digital products, there’s not
much to do here other
than see who bought what.
But if you sell physical
goods, here’s where you
can organize what
products you need to ship
and what orders are being
processed or put on hold.
Order status
![Page 52: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/52.jpg)
Order status
Order statuses let you
know how far along the
order is, starting with
Pending and ending with
Complete. The following
order statuses are used:
![Page 53: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/53.jpg)
Coupons
![Page 54: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/54.jpg)
CouponsWordPress Admin >
WooCommerce >
Coupons [> Add New]
WooCommerce has
several powerful options
for adding new coupons to
your e-store. In the coupon
editing screen, the coupon
data screen widget allows
you to customize the
coupon discount and
restrictions.
![Page 55: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/55.jpg)
Reports
![Page 56: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/56.jpg)
ReportsYou can view charts and
graphs of your sales,
orders, and shipping costs
over five different time
periods. Each graph can
be limited to the sales of a
particular product, product
category, or coupon. In the
Customers tab, you can
view your customer
acquisition over the same
five time periods. Lastly,
you can also view your low
in stock, out of stock, and
most stocked products in
the Stocks tab. All this
data can be exported in a
CSV sheet.
![Page 57: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/57.jpg)
Conclusion
![Page 58: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/58.jpg)
NOT a 5-minute setup
but...
1. You might not need all these
steps
2. If you go through it carefully,
you won’t forget anything
3. The main part is FREE - you may
not be able to get away with
free, but it still could be much
cheaper than other options
![Page 59: Woocommerce 101](https://reader030.vdocument.in/reader030/viewer/2022021503/5a6ec93e7f8b9a70728b6439/html5/thumbnails/59.jpg)
Thank you!
1. Find slides at
SlideShare.net/Laura-Hartwig
2. Follow my blog at
WPDecoder.com
3. Contact me at
LauraHartwigDesign.com