F5 Buddy WooCommerce Web Development

About This Presentation
Title:

F5 Buddy WooCommerce Web Development

Description:

Get complete knowledge on WooCommerce Web Development. Here F5 Buddy will Introduce about What is WooCommerce, How to Install WooCommerce, How to create product, WooCommerce category, WooCommerce tags, product attributes. You will also come to know about WooCommerce setting, WooCommerce Pages, How to customize WooCommerce templates, last but not the least WooCommerce shortcodes. – PowerPoint PPT presentation

Number of Views:16

less

Transcript and Presenter's Notes

Title: F5 Buddy WooCommerce Web Development


1
Commerce
  • The most customizable eCommerce
  • platform for building your online business.

2
what is woocommerce ?
  • WooCommerce is a free eCommerce plugin that
    allows you to sell anything, beautifully. Built
    to integrate seamlessly with WordPress,
    WooCommerce is the worlds favorite eCommerce
    solution that gives both store owners and
    developers complete control.
  • With endless flexibility and access to hundreds
    of free and premium WordPress extensions,
    WooCommerce now powers 30 of all online stores
    more than any other platform.

3
SELL ANYTHING, ANYWHERE With WooCommerce, you can
sell both physical and digital goods in all
shapes and sizes, offer product variations,
multiple configurations, and instant downloads to
shoppers, and even sell affiliate goods from
online marketplaces. With premium extensions, you
can offer bookings, memberships, and recurring
subscriptions. Perhaps youd like to sell monthly
subscriptions for physical goods, or offer your
members a discount on digital downloads? Its all
possible. SHIP WHEREVER YOU LIKE Offer free
shipping, flat rate shipping, or make real-time
calculations. Limit your shipments to specific
countries, or open your store up to the world.
Shipping is highly configurable, and WooCommerce
even supports drop shipping. EXTENSIVE PAYMENT
OPTIONS WooCommerce comes bundled with the
ability to accept major credit cards, PayPal,
BACS (bank transfers), and cash on delivery. Need
additional options? More than 140 region-specific
gateways integrate with WooCommerce, including
popular choices like Stripe, Authorize.Net, and
Amazon Payments.
4
YOU CONTROL IT ALL FOREVER WooCommerce gives
you complete control of your store, from taxes to
stock levels to customer accounts. Add and remove
extensions, change your design, and switch
settings as you please. Its all under your
control. One of the biggest risks of using a
hosted eCommerce platform is what happens to your
store if the provider closes up shop. With
WooCommerce, you have complete control, so
theres never any reason to worry. Your data
belongs to you and its kept secure, thanks to
regular audits by industry leaders. DEFINE YOUR
STYLE WITH STOREFRONT Storefront is a free
WordPress theme available to any WooCommerce
store. Along with deep WooCommerce integration,
Storefront prioritizes speed and uptime while
eliminating theme and plugin conflicts during
major updates. Define your style even further by
customizing Storefront to your liking or choosing
from one of our several Storefront child themes.
Its all up to you, and all open source. BUILT
WITH DEVELOPERS IN MIND Extendable, adaptable,
and open source WooCommerce was created with
developers in mind. With its strong, robust
framework, you can scale your clients store all
the way from basic to high-end (infinity and
beyond).
5
Built with a REST API, WooCommerce can integrate
with virtually any service. Your stores data can
be accessed anywhere, anytime, 100 securely.
WooCommerce allows developers to easily create,
modify, and grow a store that meets their
specifications. No matter the size of the store
you want to build, WooCommerce will scale to meet
your requirements. With a growing collection of
more than 300 extensions, you can enhance each
stores features to meet your clients unique
needs or even create your own solution. If
security is a concern, rest easy. WooCommerce is
audited by a dedicated team of developers working
around the clock to identify and patch any and
all discovered bugs. We also support WooCommerce
and all its extensions with comprehensive,
easily-accessible documentation. With our docs,
youll learn how to create the exact site your
client needs. EXTENSIONS GALORE WordPress.org is
home to some amazing extensions for WooCommerce,
including Google Analytics Delivery Notes PDF
Invoices and Packing Slips Affiliates Integration
Light New Product Badges
6
Keen to see them all? Search WordPress.org for
WooCommerce to dive in. If youre looking for
something endorsed and maintained by the
developers who built WooCommerce, there are a
plethora of premium eCommerce extensions, the
most popular of which include WooCommerce
Subscriptions WooCommerce Memberships WooCommerce
Bookings Dynamic Pricing Table Rate
Shipping Product CSV Import Suite And theres
plenty more where they came from. Visit
our extensions page to find out everything youre
capable of and all thats possible with premium
WooCommerce extensions.
7
WooCommerce Installation
8
Step 1 The first thing you will need to do is to
install the WooCommerce plugin. You can download
it for free from the WordPress repository or
follow the steps below on how to do it from
within your dashboard.
9
To install it from your dashboard navigate
to WordPress Admin gt Plugins gt Add New, search
for woocommerce, and click on Install Now. 3
is currently the latest version of WooCommerce.
10
Step 2 Then click on Install Now. 
11
Then click on Activate. 
12
Step 3 You are then met with a walkthrough to for
WooCommerce setup. You can skip this but in our
tutorial we will click on Lets Go. (Note We
will go into more detail for each of these
options further below in our WooCommerce
tutorial)
13
Step 4 On 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.
14
Step 5 On 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.
15
(No Transcript)
16
Step 6 On the Shipping screen you can choose
product weight and Dimension. Then click on
Continue.
17
Step 7 On the payments screen you can choose
which 3rd party payment processor you want to
integrate with. We are personally big fans of
Stripe. And as of February 2016, the Stripe is
free for WooCommerce (you will still pay the
transaction fee). Then click on Continue.
18
And thats it! Your WooCommerce store is now
ready. You can click on the link at the bottom to
return to your WordPress dashboard and start
creating your products.
19
(No Transcript)
20
Create Product
21
(No Transcript)
22
(No Transcript)
23
(No Transcript)
24
(No Transcript)
25
(No Transcript)
26
(No Transcript)
27
(No Transcript)
28
(No Transcript)
29
(No Transcript)
30
(No Transcript)
31
(No Transcript)
32
(No Transcript)
33
(No Transcript)
34
(No Transcript)
35
(No Transcript)
36
(No Transcript)
37
(No Transcript)
38
(No Transcript)
39
(No Transcript)
40
(No Transcript)
41
(No Transcript)
42
(No Transcript)
43
(No Transcript)
44
(No Transcript)
45
Create Woocommerce Category
46
  • Product categories
  • Product categories are the primary way to group
    products with similar features. You can also add
    subcategories if desired.
  • For example, if you sell clothing, you might have
    t-shirts, hoodies and pants as categories.
  • How to add/edit product categories
  • Categories are managed from the Products gt
    Categories screen.
  • Similar to categories on your posts in WordPress,
    you can add, delete, and edit product categories.
  • Add a Name.
  • Add a Slug (optional) this is the URL-friendly
    version of the name.
  • Choose a Parent if this is a subcategory.
  • Enter a Description (optional) some themes
    display this.
  • Choose the Display type. Decide what is shown on
    the categorys landing page. Standard uses your
    themes default. Subcategories will display
    only the subcategories. Products only displays
    products. Both will display subcategories and
    products below that.
  • Upload/Add Image (optional)  Some themes have
    pages where product category images are
    displayed, so this is a good idea.

47
(No Transcript)
48
(No Transcript)
49
Create Woocommerce Tags
50
Product tags What are product tags? Product
tags are another way to relate products to each
other, next to product categories. Contrary to
categories, there is no hierarchy in tags so
there are no subtags. For example, if you sell
clothing, and you have a lot of cat prints, you
could make a tag for cat. Then add that tag to
the menu or sidebar so cat lovers can easily find
all t-shirts, hoodies, and pants with cat
prints. How to add/edit product tags Tags can
be added similarly to adding product
categories and work in exactly the same way as
post tags. See the WordPress.org Codex for more
information.
51
(No Transcript)
52
How to create Product attributes
53
  • What are product attributes?
  • A third and important way to group products is to
    use attributes. There are two uses of this data
    type that are relevant for WooCommerce
  • First is via WooCommerce widgets. WooCommerce
    Layered Nav works based on attributes. If you
    add this widget to your sidebar, customers can
    filter products in your store based on the
    attribute. 
  • Second is via variable products. To create a
    variable product, an attribute must first be
    defined for the product. These attributes can
    then be used to make a distinction between
    different variations. More info at Variable
    Products.
  • For example, if youre selling clothing, two
    logical attributes are color and size, so
    people can search across categories for a color
    that fits their style and type and clothing
    available in their size.

54
  • How to add/edit product attributes
  • Set global attributes
  • Go to Products gt Attributes to add, edit, and
    remove attributes.
  • Here you can quickly and easily add attributes
    and their terms.
  • Add a Name.
  • Add a Slug (optional) this is the URL-friendly
    version of the name.
  • Enable Archives if desired. If enabled, you can
    view a page with all products having this
    attribute. For example, if you have this enabled,
    and black is one of the options under color,
    you can add http//yourstore.com/pa_color/black/ t
    o your menu to only display black clothing
     pa stands for product attribute.
  • Choose the Type. This is used for products. If
    you want to have the same attribute values for
    your whole store, choose Select. On the
    individual product, you can then select
    attributes. If you choose Text, you can type
    new values to the attributes.
  • Select a Default sort order. Choose between
    Name, Name (Numeric), Term ID or Custom
    ordering where you decide by dragging and
    dropping the terms in the list when configuring
    the terms (see below). Name (Numeric) is
    relevant if the values are numbers. If you select
    Name, it sorts alphabetically with 1 and 10
    preceding 2. If you select Name (Numeric) it
    sorts based on numerical value. 

55
(No Transcript)
56
Woocommerce Settings
57
(No Transcript)
58
(No Transcript)
59
(No Transcript)
60
(No Transcript)
61
(No Transcript)
62
(No Transcript)
63
(No Transcript)
64
(No Transcript)
65
(No Transcript)
66
(No Transcript)
67
(No Transcript)
68
(No Transcript)
69
(No Transcript)
70
(No Transcript)
71
(No Transcript)
72
Woocommerce Pages
73
(No Transcript)
74
(No Transcript)
75
(No Transcript)
76
(No Transcript)
77
(No Transcript)
78
(No Transcript)
79
how to customize woocommerce templates
80
(No Transcript)
81
(No Transcript)
82
(No Transcript)
83
(No Transcript)
84
(No Transcript)
85
(No Transcript)
86
(No Transcript)
87
(No Transcript)
88
(No Transcript)
89
(No Transcript)
90
(No Transcript)
91
WooCommerce Shortcodes
  • WooCommerce comes with several shortcodes that
    can be used to insert content inside posts and
    pages.
  • https//docs.woocommerce.com/document/woocommerce-
    shortcodes/

92
Contact F5 Buddy for Woo Commerce Web
Development
93
Thank You
Write a Comment
User Comments (0)