Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Exploring WooCommerce

Exploring WooCommerce

A look into the extendability of WooCommerce

Caleb Burks

July 18, 2015
Tweet

More Decks by Caleb Burks

Other Decks in Programming

Transcript

  1. EXPLORING
    WOOCOMMERCE

    View Slide

  2. INTRODUCTION
    ▸ Caleb Burks
    ▸ WC Ninja at Automattic
    ▸ Loves Gummy Bears
    ▸ Tweets at @WPprodigy

    View Slide

  3. WHAT IS WOOCOMMERCE?
    A good developer solves problems, a great developer solves problems
    with the tools he already has.
    — Someone Smart
    WooCommerce is a powerful, extendable eCommerce plugin that helps
    you sell anything. Beautifully.

    View Slide

  4. STEP ONE: FIND THE PROBLEM
    What is the Scope of the Project?

    View Slide

  5. STEP TWO: FIND THE TOOLS
    WooCommerce is great for selling physical and downloadable products
    out of the box, but what if your client needs:
    ▸ Subscriptions?
    ▸ Memberships?
    ▸ Ticketing?

    View Slide

  6. STEP THREE: IMPLEMENT THE SOLUTION

    View Slide

  7. CASE STUDIES
    Let's take a look at some examples of these three steps in action!

    View Slide

  8. CASE STUDY #1
    Name:
    Lemonade Stand
    Needs:
    Basic physical products with multiple options
    Solution:
    WooCommerce Variable Products

    View Slide

  9. CREATE A VARIABLE PRODUCT

    View Slide

  10. VARIABLE PRODUCT: ADD ATTRIBUTES

    View Slide

  11. VARIABLE PRODUCT: VARIATIONS
    ▸ Create Variations

    View Slide

  12. View Slide

  13. VARIABLE PRODUCT: RESULT

    View Slide

  14. CASE STUDY #2
    Name:
    Taylor Swift Song Album
    Needs:
    Multiple products grouped together
    Solution:
    WooCommerce Product Bundles

    View Slide

  15. QUICK COMPARISONS
    ▸ Grouped Products
    Perfect for letting a customer add several similar products from a
    range to their cart in one go and is included in WooCommerce core.
    ▸ Chained Products
    Ideal if you want to gift customers product x & y when they purchase
    product z.

    View Slide

  16. QUICK COMPARISONS
    ▸ Force Sells
    Used to link ‘required’ products together such as a service and a
    part.
    ▸ Product Bundles
    Ideal for creating product Kits, Assemblies or Combos where the
    bundled products are static properties of the Bundle and then
    (optionally) sold at a discounted price.

    View Slide

  17. CREATE A BUNDLED PRODUCT

    View Slide

  18. CONFIGURE THE BUNDLED PRODUCTS

    View Slide

  19. BUNDLED PRODUCT: RESULT

    View Slide

  20. CASE STUDY #3
    Name:
    Computer Store
    Needs:
    Configure multiple parts conditionally based on user selections
    Solution:
    WooCommerce Composite Products

    View Slide

  21. CREATE A COMPOSITE PRODUCT: LAYOUT

    View Slide

  22. ADDING COMPONENTS

    View Slide

  23. ADDING COMPONENTS: ADVANCED

    View Slide

  24. SCENARIOS?

    View Slide

  25. SCENARIO EXAMPLES
    ▸ If X is chosen, Y is not available
    When a Retina Screen is chosen, only make 256 and 512gb hard
    drives available.
    ▸ If X is not chosen, Y is available.
    When a Mac is not chosen, all PC parts available.

    View Slide

  26. BACK TO THE LAYOUT OPTIONS

    View Slide

  27. OPTIONS STYLE
    DROPDOWNS VS PRODUCT THUMBNAILS

    View Slide

  28. LAYOUT: STACKED

    View Slide

  29. LAYOUT: PROGRESSIVE

    View Slide

  30. LAYOUT: STEPPED

    View Slide

  31. LAYOUT: COMPONETIZED

    View Slide

  32. COMPOSITE PRODUCT: RESULT

    View Slide

  33. QUICK BREAK :)

    View Slide

  34. GUESS THE WEB BROWSER

    View Slide

  35. GUESS THE WEB BROWSER

    View Slide

  36. GUESS THE WEB BROWSER

    View Slide

  37. GUESS THE WEB BROWSER

    View Slide

  38. GUESS THE WEB BROWSER

    View Slide

  39. CASE STUDY #4
    Name:
    Bed and Breakfast
    Needs:
    Allow online room reservations
    Solution:
    WooCommerce Bookings

    View Slide

  40. CREATE A BOOKABLE PRODUCT

    View Slide

  41. ADDING AVAILABILITY

    View Slide

  42. ADDING COSTS

    View Slide

  43. ADDING PERSONS

    View Slide

  44. ADDING RESOURCES

    View Slide

  45. MANAGING RESOURCES

    View Slide

  46. BOOKINGS PRODUCT: RESULT

    View Slide

  47. CASE STUDY #5
    Name:
    Magazine Service
    Needs:
    Physical and Digital Magazine Subscriptions
    Solution:
    WooCommerce Subscriptions

    View Slide

  48. CREATE A SUBSCRIPTION PRODUCT
    ▸ Simple Subscription
    ▸ Variable Subscription

    View Slide

  49. ADDING ATTRIBUTES

    View Slide

  50. View Slide

  51. SUBSCRIPTION RESULT

    View Slide

  52. SUBSCRIPTION EXTRAS

    View Slide

  53. SUBSCRIPTION EXTRAS

    View Slide

  54. IMPORTANT THINGS TO NOTE
    ▸ Manual or Automatic Renewals
    ▸ Choosing a Payment Gateway
    ▸ One Subscription Per Order (for now)

    View Slide


  55. View Slide

  56. NOTEABLE MENTIONS
    ▸ WooCommerce Memberships
    ▸ Product Vendors
    ▸ Taylor Swift
    ▸ Sensei (Learning Management)

    View Slide

  57. QUESTIONS?

    View Slide

  58. A LOOK INTO THE FUTURE!

    View Slide

  59. WOOCOMMERCE 2.4

    View Slide