Making the Most of WooCommerce with Avada

Making the Most of WooCommerce with Avada

WooCommerce is the leading eCommerce solution for WordPress by a considerable distance and their recent (2015) $30 million acquisition by Automattic means they’re likely to retain that top spot for a long time to come.

It’s not just this heavyweight backing that has WooCommerce well-poised for future domination though. The software itself is one of the most intuitive and full-featured eCommerce solutions available today.

This article will show you how to get up and running with WooCommerce and Avada. We’ll cover installation, common settings, creating products and specific options relating to Avada before rounding things off with some more general eCommerce resources.

Let’s start though with a bit of background on the plugin and the company behind it.

A Big Year for WooCommerce

WooThemes was originally set up as a theming business back in 2008 by Mark Forrester and Magnus Jepson. Though work on themes continues to this day, their WooCommerce plugin quickly became the company’s breakout success and was certainly the main factor driving the Automattic acquisition.

By the time of this year’s purchase (2015), WooCommerce had over 600,000 active installs and claimed to be powering a staggering 24% of e-Commerce sites online – numbers which have only risen since then.

When you consider any of the current rosy prognoses for the future of online shopping, that’s an excellent position to be in and one that certainly caught Automattic’s attention.

For privacy reasons YouTube needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept

The takeover itself took place with a minimum of fuss back in May (2015) and WooThemes continues to be run as a separate brand.

What WooCommerce Offers

The basic WooCommerce plugin is free and comes packed with an impressive range of features.

Right out of the box, the plugin allows you to sell products and digital downloads worldwide and is mobile friendly by default. For further peace of mind, the core code has also been extensively audited by leading plugin security experts Sucuri.

Where WooCommerce really comes into its own is with the huge range of extensions available for the plugin. Hundreds of free and paid extensions are available covering every conceivable shop requirement.

Many of the most popular extensions are in-house offerings such as WooCommerce Memberships, WooCommerce Subscriptions and WooCommerce Bookings.

WooCommerce core arrives with support for five payment options built in and hundreds of further payment gateways can be integrated as extensions. No matter what your required payment solution is, you can be pretty certain it will be supported.

The subject of payment gateways and online payments can get tricky quickly however, depending on where in the world you are. Make sure you understand the basics before diving in. You might also want to start exploring the world of online accounting sooner rather than later.

Support for coupons, customer accounts and order management are included by default and the built in analytics and reporting will keep you on top of your sales at all times.

A world of further functionality is available via extensions as your shop grows.

Staying Orientated in WooCommerce

The amount of options available in WooCommerce can be overwhelming at first but luckily help is at hand at all times in the form of WooCommerce’s comprehensive online documentation and knowledgebase.

Whether through the easy to follow Getting Started series, or the API Docs for developers, you’ll find answers to any questions you might have with a minimum amount of hassle.

The WooCommerce 101 Video Tutorials series – two of which we’ve embedded above – is a particularly useful resource when you’re starting out. It covers every aspect of setting up a site from scratch in an accessible and easy to follow format.

WooCommerce and Avada

WooCommerce and Avada make a great combination and considerable work has gone into making sure that integration is tight between the two.

You can find a dedicated WooCommerce section in the Avada documentation with useful links and a quick guide to getting started.

As pictured below, Avada also comes with a number of WooCommerce options designed specifically to help you get your shop looking exactly as you want it.

Avada WooCommerce options

A number of WooCommerce focused sliders such as the Featured Product Slider and Product Carousel are also available to help you highlight your product range in creative ways.

Along with WooCommerce’s own showcase, the Avada and WooCommerce combination can be seen in the wild in a number of sites listed in the Avada Showcase such as LittleBig.

Installation and First Steps

Getting started with WooCommerce is straightforward but, before you begin, take a moment to make sure your server is up to scratch.

Installation of the plugin itself is a walk in the park. Simply download and install as you would with any other plugin, or search for ‘WooCommerce’ from within the WordPress plugins page.

Woocommerce Download

One of the many plus points of WooCommerce is the amount of effort they’ve put into making onboarding as smooth as possible. Once you’ve started your install, you’ll be kicked into a wizard that quickly takes you through the main initial settings options.

WooCommerce Wizard Step 1

You can skip any of the steps in the wizard as you go and all settings can also be changed from WooCommerce > Settings at any time thereafter.

For the purposes of this article, we’ll quickly step through the options with some links to further resources for your reference.

Our first step outlines the default pages WooCommerce sets up: Shop, Cart, Checkout and My Account. There’s nothing to do here, the plugin is simply telling you what’s about to happen. There’s an excellent overview of setting up your menus to include these pages in the online documentation.

WooCommerce Wizard Step 2

Next, you can choose your locale settings. As you can see in the image below, location is done on a national and state level. Currency, product weight and product dimensions defaults can also be set here. You can pop back into WooCommerce > Settings at any stage to edit these further.

WooCommerce Wizard Step 3

Next we move on to shipping and tax options. Core shipping options are covered in the online documentation and many further fulfillment and delivery options can be enabled via extension.

Sales taxes are a potentially tricky subject but the core options are again excellently explained in the online help.

WooCommerce Wizard 4

Finally, we hit the world of payments. As you can see, WooCommerce core ships with five core payment options available by default but a huge range of further gateways are also supported.

WooCommerce Wizard 5

Once you’re through the initial steps, you’ll be presented with a confirmation screen, invitation to create your first product and a set of useful links for further exploration.

WooCommerce Wizard 6

Overall, the setup process is an excellent example of getting first-time users through the basics smoothly and efficiently. The slickness of the implementation is something many plugin authors could learn from.

Post-install, you’ll find new options for WooCommerce and Products available in the familiar WordPress admin.

WooCommerce Menu Options

If you run into difficulties at this stage, a quick trip to the System Status page at WooCommerce > System Status is a great place to start troubleshooting.

Let’s move on to the core of your shop now – products.

Setting up Your Products

Your general product settings are controlled via WooCommerce > Settings > Products. This where you have fine-grained control over all of the general settings such as product weight and dimensions that we saw earlier in the welcome wizard, along with options relating to inventory and downloadable products.

One key point to note here is the WooCommerce > Products > Display section which gives you control over sitewide Shop and Product Page settings and Product Images.

WooCommerce products display

Actually adding products is a breeze. Simply head to Products > Add Product and start entering your info. The main post content is where you put your complete product description.

Add product

Detailed product info such as SKU numbers and price go down below in the Product Data box.

Add product data

The Short Description has a box all to itself. This is the text that will be under the product title when it appears in any type of list view.

Product short description

Product categories, tags and images can all be set in the sidebar options to the right. You also have the option of including a gallery of images here to showcase different aspects of your product.

Product images

Shortcodes and Widgets

There are a number of shortcode and widget options you can take advantage of to showcase your shop’s content throughout your site.

Shortcodes are great for items such as presenting recent or featured products on particular pages. A full list of available options can be found in the WooCommerce documentation.

WooCommerce also arrives with a number of widget options. Product search, lists of recently viewed products, top rated items and many other useful possibilities can be simply integrated throughout your site via widgets.

Next Steps with WooCommerce

WooCommerce opens up a simply enormous amount of eCommerce options to site owners of all sizes. Rather than go through them in detail right now, we’ll just pick out some of the next steps you’ll probably want to explore once you have your basic settings and product range dialed in.

    • Marketing and promotion: WooCommerce is well setup for SEO out of the box and core features such as coupons go a long way in terms of promotions. There are also a huge number of paid extensions you’ll want to explore which can transform your shop into a marketing powerhouse.
    • Shipping: Powerful core options include shipping calculations and a cart calculator. A huge selection of further shipping extensions exist to help you get items from A to B around the world.
    • Order management: Once the sales start ringing up, you’ll be glad of the number of order management tools available.
    • Reporting: Retail is detail as the saying goes and WooCommerce comes with powerful orders, customers and stock reports right out of the box. As usual, a number of powerful additional options are available in the form of reporting extensions.

    Further Resources

    As mentioned, the WooCommerce documentation is a superb general resource for getting to grips with the plugin itself.

    The following sites are also great jumping off points for when you want to start exploring the wider world of e-Commerce:

      • Shopify eCommerce University: In addition to their excellent online selling platform, Shopify also provide a huge range of useful eCommerce tips and resources at their online university.
      • eCommerceFuel.com: The brainchild of Andrew Youderian, eCommerceFuel is a treasure trove of information no matter what the size of your shop is. Alongside an excellent podcast, the site contains a comprehensive resources section and a private forum for shop owners.
      • Storecoach.com: If you’re looking for a soup-to-nuts course covering every aspect of setting up an online store, then look no further than Storecoach.com.

      Conclusion

      With a program as large as WooCommerce, we can’t hope to do anything more than scratch the surface of its use in any one article. The good news is that the software is designed to grow with you over time using the power of extensions.

      Let’s review the steps we covered in this article:

      • Begin by reviewing the ample WooCommerce documentation and the WooCommerce 101 video series in particular.

      • Use the default WooCommerce wizard to breeze through your first steps.
      • Get your first products set up.
      • Use shortcodes and widgets to showcase your content.
      • Start exploring the full range of options available in terms of shipping, order management and reporting.

      Is there a particular aspect of WooCommerce’s use you’d like to see us go deeper on? Or details of its integration with Avada you’d like to see us explore further? Get in touch via the comments and let us know!

      Image Credit:Jessica Rabbit’s Flickr.

      By |2018-10-31T21:07:45+00:00October 8th, 2015|Avada|

      12 Comments

      1. djaef October 8, 2015 at 11:01 pm

        Wow, you guys really put a lot of effort and work into these posts. Great work. Woo Commerce is reasonably easy to set up and use, but it can get complex. I think you’ve done an excellent job giving a good overview, and I will be coming back to this for further reading next time I do some work on a shop 🙂

      2. MC November 1, 2015 at 6:30 am

        This article from a woothemes employee has me spooked
        He says he constantly deals with Avada sites breaking after a woocommerce update.

        • Luke November 1, 2015 at 6:22 pm

          Hello!

          It’s simply not true in the sense he is making it out to be, he refers to “outdated template” files as a concern, which really is not. Also, he basically says every other theme out there is bad for WooCommerce besides Woo Themes themselves. The author is being extremely overzealous with statements like that.

          Out dated template files can happen, but it is very rare and will not affect functionality. Also, there is no other way to do it. What happens is any theme author who wants to add unique design integration for WooCommerce MUST override Woo template files because they do not provide any other way to do it. So you either use their default woo design, which we feel is too basic along with every other theme author out there, or you override their templates and add a custom design. Which is what Avada does as well as many other authors. It is not bad or incorrect, it simply is.

          However, an outdated template file is not a concern, we beta test any new version and fix any that may come up. And simply reading update notes before you update can resolve any issue if there even is one. It’s truly not a concern at all.

        • Tom Ewer November 3, 2015 at 2:53 pm

          Hi MC,

          I agree with Luke. I’ve worked with WooCommerce and several themes before and, while it may complain about outdated theme files after an update, the sites just keep working as before (as far as I can tell).

          Cheers,

          Tom

      3. Mike November 2, 2015 at 7:57 pm

        Thanks Luke, much appreciated for taking the time to address my concern.

      4. WolfMonkey March 5, 2016 at 5:40 pm

        Hello,

        This is a FABULOUS article.  Thank you so much.  I’ve set up the basic store with some dummy products.  It’s great, but when I press “continued shopping,” it sometimes takes me back to the main store, but mostly takes me back to the previous product page.  What is this little glitch?  It’s driving me nuts.  We also need a really good autoship situation.  I hear pro and con about “Subscriptions.”  Is that actually Autoship?  I need an autoship that’s super customer-friendly and easy for the customer.

        Thanks very much.

        • Luke March 5, 2016 at 6:26 pm

          Glad you liked it 🙂 If you are using Avada theme, post a ticket to our support center and our team will gladly check this out and walk you through it. If not Avada it could be a permalink issue, but I’d recommend getting in touch with WooCommerce support or your theme author.

          Thanks!

      5. Muhammad Ishfaq July 30, 2016 at 5:02 pm

        Hi,

        I am new to WP / Avada. My client provided me avada theme and I set up main navigation using product category ulr in main nav. can i show products categories on a page? I wanted to do this as while working on page I would be in a position to get side bar as its not possible on product category. Secondly I wanted to add filter widget which are possible only for the pages.

         

        Can some one help me out how to shoe products category wise on a xyz page?

         

        regards,

      6. Monica November 30, 2016 at 6:49 am

        Hi,

        I am new to WP / Avada. My client provided me avada theme and I want to set up paypal or paytm or credits cards

        for my clients consultancy fees payment transfer but i couldn’t … help me out..

      Leave A Comment

      Recent Posts

      Recent Tweets

      For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
      I Accept