How to Sell Clothes Online Through Your WooCommerce Store

By Updated: October 31, 2019 2

E-commerce is big business. Its also incredibly competitive, which means you need to take advantage of proven techniques to give yourself the best chance for success. Rarely is this more true than when you’re trying to sell clothes online, given the saturation of the online fashion market.

To encourage customers to choose you over the competition, you’ll want to make buying clothes on your website a convenient and streamlined experience. This means finding a way to display your clothing products and options effectively, such as by using a customized product table.

WooCommerce Product Table Demo

In this guide, we’ll introduce you to WooCommerce Product Table – a plugin that makes it easier for customers to browse and buy clothing such as t-shirts, shoes or accessories.

Next, we’ll show you how adding quick view buttons can speed up the buying process and increase your sales.

Finally, we’ll show you how to use these amazing tools to sell clothes online.

Let’s get to work!

Why your clothing store can benefit from a customized product table

Visual product table

Some stores sell products that require a lot of detailed information. For instance, an online electronics shop will usually merit dedicated pages to explain the ins and outs of each item.

However, a clothing store is a little different. If you’re running this kind of e-commerce site, chances are your products are pretty simple to grasp. Most customers won’t need a lot of information in order to know whether they want to buy a particular shirt, for example. They’ll just want to know what it looks like, and see the options when it comes to colors and sizes.

Therefore, making visitors navigate to a bunch of individual product pages – as in a traditional e-commerce store layout – can be counterproductive when you’re trying to sell clothes online. Some customers might like this extra information, but most want a quick buying process. Instead, you can show off everything you have to offer in a concise product table.

This lets customers view all the clothing options in one place. They can compare products easily, and add everything they want to their carts from a single page. It’s just like buying in a physical clothing store! What’s more, it’s simple to set up if you have the right tool.

WooCommerce Product Table plugin

If your clothing store is set up on WordPress, we’re willing to bet that you’re using WooCommerce. This incredibly popular plugin adds e-commerce functionality to the platform, and is perfect when you want to sell clothes online.

On the other hand, neither WordPress nor WooCommerce enables you to show off all your items on a single organized page. For that, you’ll want the WooCommerce Product Table plugin:

This tool helps you create a customized product table to display everything your store has to offer. Among its many features, this plugin:

  • Lets you organize all your clothing, accessories, and more into one table.
  • Makes it easy for customers to compare items.
  • Customers can click on a clothing image to view a zoomed in version in a lightbox.
  • Includes sorting and filtering capabilities, making your product table dynamic.
  • Enables you to display product variations (such as colors and sizes) alongside each item.

Best of all, WooCommerce Product Table is simple to use. Let’s walk through how to set it up, customize it, and create your table!

Try out the WooCommerce Product Table clothing store demo for yourself!

WooCommerce Quick View Pro

WooCommerce Quick View Demo

As you can see, listing clothes in a table layout can make a huge difference to your sales. You can take your store to the next level by combining this table layout with product quick view.

Think about when you’ve bought clothing online from leading fashion websites. You’ve probably noticed that nearly all of them offer some sort of quick view function. This is where you can see extra pictures and buy without having to visit a separate page for each garment. There’s a reason for this – it’s because quick view is a much more user-friendly way to sell clothes online.

That’s why you need the WooCommerce Quick View Plugin. This handy tool adds – you guessed it – quick view links or buttons to your WooCommerce clothing store. Customers can use these to view more photos of each clothing item, zoom in on images, and buy directly from a quick view popup. You can also show the short description in the quick view, which is a useful place to add size charts, washing instructions and other useful information.

If you’re selling customized clothing, then quick view is ideal for this too. Use it with the Product Add-Ons plugin to add text input boxes. This is where customers can upload a logo or enter a personalised message to be added to their custom clothing product.

You can use quick view with product tables. Alternatively, it also works as a standalone product that adds quick view buttons to the default WooCommerce store layouts.

WooCommerce Quick View
The quick and easy way for customers to choose and buy clothes.

How to sell clothes online with WooCommerce (in 5 steps)

In the following tutorial, we’re going to assume that you already have a WooCommerce store set up to sell clothes online. If you’re creating a brand-new e-commerce site, therefore, you’ll want to do three things before proceeding:

  1. Set up a basic WordPress website.
  2. Install WooCommerce, and go through its setup wizard to configure your store.
  3. Add all your clothing and other items as individual WooCommerce products.

Once those tasks are out of the way, you’re ready to get started.

Step 1: Install and activate WooCommerce Product Table

First up, you’ll want to get the WooCommerce Product Table plugin running on your clothing website. To do that, you’ll need to purchase the plugin online.

WooCommerce Product Table
Start selling clothes online through your WooCommerce store today!

You’ll be provided with a zipped folder containing all the files necessary for the plugin to work. Log in to your WordPress dashboard, and upload this folder via Plugins > Add New:

Uploading a new plugin to WordPress.

After the plugin is installed, don’t forget to activate it. Then, visit the WooCommerce > Settings tab, click on Products, and select Product tables:

The WooCommerce Product Table license key field.

Here, you’ll need to paste in the key you were sent via email at the time of purchase, and hit Enter. This will get WooCommerce Product Table fully up and running, ready to start selling clothes online.

Step 2: Create a basic table listing your clothing products

Now, you’re ready to set up your product table to sell clothes online. It’s best to use an entirely new page, so go to Pages > Add New.

Add the following shortcode to the page:

[product_table]

This places a shortcode on your page. The shortcode will tell WordPress to set up a product table displaying all the clothes you’ve entered as WooCommerce products.

You can check this table out by previewing the page on the front end. Right now, it’s pretty basic:

A basic product table to sell clothes online.

While your product table is perfectly functional already, you’ll probably want to make some tweaks to get it looking and working just right. For example, nearly all WooCommerce clothes stores will include images of their clothing products. So save this page as a draft, and move on to the next task.

Step 3: Customize your product table

The WooCommerce Product Table plugin may be easy to set up, but don’t let that fool you. This tool is incredibly powerful, offering a ton of customization options so you can tweak your product table to fit your niche. If you’re looking to sell clothes online, you’ll want to make a few changes.

Head back to WooCommerce > Settings > Products > Product tables (the page where you added your license key earlier). Here, you’ll find a ton of options you can use to customize your product table. We won’t try and cover all of them here. Instead, let’s look at a few that are most useful for a store designed to sell clothes online.

First, you can use the Columns field to specify what information will appear in your product table:

The WooCommerce Product Table columns field.

You’ll probably want to include images, for example, as well as a few details about each item such as its category, description, and price. You can read up on all the column options in the plugin’s documentation.

Right below that, you may want to check the box labeled Show quantity selectors in the Add to Cart column. This will enable customers to purchase more than one of each item, which is a useful feature for a clothing store to have.

Most importantly, you’ll want to choose one of the latter two options under Product variations:

The WooCommerce Product Table variations field.

This setting displays your items’ variations right within the table. In other words, customers will be able to see and select all clothing options, such as colors and sizes. You can either display these variations as dropdown menus, or on their own rows.

It’s also a good idea to enable Filter dropdowns, which will let customers sort the table and find the type of clothing they’re looking for quickly:

The WooCommerce Product Table filters field.

Finally, if your store offers a lot of different clothing items and accessories, you may want to select the Lazy load option:

The WooCommerce Product Table lazy load option.

This improves performance for product tables with a large number of entries. Just be warned that this setting does interfere with some of the other features we’ve discussed.

When you’re done customizing your product table settings, save your changes. Then, you can return to your product table page to see the results:

An example of a customized product table to sell clothes online.

You can continue to make changes – anything you alter in the settings will be automatically applied to your product table via the shortcode. When you’re happy with the way your table looks and functions, go ahead and publish it! This will let customers start using it to make purchases.

Step 4: Create a separate product table for each clothing category

Separate product table example

If you want to list all your clothing items in a single table, skip to Step 5.

However, most stores sell clothing from multiple categories. For example, you might have top level categories for men’s, women’s and kids clothes. These are probably divided into sub-categories, for example t-shirts and tops, dresses, trousers, underwear, nightwear, swimwear, etc. You might have peripheral categories such as shoe and accessories. Maybe you sell other types of product such as music, and not just clothes.

With so many clothing products on offer, you’ll want to list each category separately in your WooCommerce store.

There are 2 ways to do this:

  1. Follow these instructions to add the product table layout to the WooCommerce archive template in your theme. This will automatically use product tables throughout your store, instead of the default layout (which is less suitable for selling clothes online). Whenever someone clicks on a link to a category or sub-category, they will see the correct clothing products listed in the product table.
  2. If you don’t want to edit any template files, then you can create as many pages as you like and add a product table shortcode to each one. Use these instructions to edit the shortcode to list clothes from a specific category only. You can either create a separate page for each category of clothes, or add multiple product tables to a single page.

Step 5: Add quick view to your WooCommerce clothes store

As we saw earlier, the WooCommerce Quick View Pro plugin is a must if you’re selling clothes with WooCommerce and WordPress. This how to set it up:

  1. Install and activate WooCommerce Quick View Pro.
  2. Go to the plugin settings page at WooCommerce → Settings  → Products → Quick view.
  3. Enter your license key and choose what you want to appear in the quick view lightbox. For selling clothes, you’ll probably want the full product image gallery, image zoom, and possibly the short description and add to cart options.
  4. If you’re using WooCommerce quick view with product tables, then you should also go back to WooCommerce → Settings  → Products → Product tables. Add quick-view to the list of product table columns, or tick the option further down the page to replace links to the single product page with quick view.

Step 6: Use a WooCommerce extension to add more options

Custom T Shirt Message WooCommerce
Customizable T-Shirts website created with WooCommerce Product Table and Product Add-Ons

The above three steps are sufficient for creating a fully-featured and compelling product table. However, there’s one more tool you may want to consider adding to your site.

The WooCommerce Add-Ons extension.WooCommerce offers a number of extensions, including one called Product Add-Ons:

This extension lets customers further personalize their purchases. You can enable them to add on items to their orders, via input boxes, drop-down menus, and checkboxes. If you offer personalized clothing and accessories, this extension will also make it easy for customers to request custom messaging.

For example, if you want to sell personalized t-shirts online then Product Add-Ons is a must. You can use it to add check boxes for optional extras, and a text entry box to add a personalized message. It’s even possible to include a File Upload field (e.g. to upload a custom logo or design), although customers will need to click through to the single product page to use this.

Overall, Product Add-Ons is a valuable addition that helps you sell clothes online more effectively. To learn more, check out the developer’s guide on how to set up the extension and start using it.

WooCommerce Product Table
Start selling clothes online through your WooCommerce store today!

Where to get the plugin

If you’re looking to sell clothes online, you’ll need to use the most effective strategies in order to stand out. This includes finding a way to show customers everything you have to offer – and all the relevant variations – in one convenient place.

Fortunately, this is a simple matter with the WooCommerce Product Table plugin. You’ll simply need to follow these four steps:

  1. Install and activate WooCommerce Product Table.
  2. Create a basic product table.
  3. Customize your product table.
  4. Use a WooCommerce extension to add more options.

Do you have any questions about how to set up the perfect product table to sell clothes online? Let us know in the comments section below!

Image credit: Max Pixel.

Will Morris

Will Morris is a staff writer at WordCandy. When he's not writing about WordPress, he likes to gig his stand-up comedy routine on the local circuit.

2 Comments

  1. Alisha Ross
    April 18, 2019 Reply

    I a wholesale re-seller for a large company. I had freelogoservices make a product web page. I am not happy with it since it's built using Weebly. The had trouble linking to my Payment Tech for CC authorization [ via Authorize.net] but after months they figured it out. My manufacturer has great web page and they will allow us to replicate it using our name as a DBA. They just offered to allow us to link to their site so that an order placed on my site would go to their site for the order fulfillment part. We can change Payment tech to split the charges to us and the payments to the MFG. My question is 1. do we need to rebuild the site using Shopify, and 2. is there a way to make the link to the MFG site so that is seamless to the customer? I do not know on what platform the Mfg operates, but I can find out.

    • Katie Keith
      April 18, 2019 Reply

      Hi Alisha, we only work with WordPress and WooCommerce so I can't advise you on Shopify. I can tell you how to do what you need in WooCommerce if that helps!

      If you want a WordPress website with WooCommerce for the shop pages, then you can do this. There are 2 main options for you:

      1. When you add each product in WooCommerce, choose the External/Affiliate product type from the dropdown at the top of the 'Product Data' section on the Add Product screen. This lets you add the URL of the product on the third party site, so that customers can click through and purchase there.

      2. If you want the payment to be taken directly on your site then you can set up WooCommerce with normal products and PayPal payments, and use PayPal Adaptive Payments to automatically split the payments. You can use the Advanced Notifications add-on to automatically send the order confirmation emails to the fulfilment centre.

      Option 2 will be more seamless to the customer because everything will take place on your own website.

Please share your thoughts...

Your email address will not be published.