Get a fast, conversion-focused WooCommerce theme in 2022. Switch to Shoptimizer.

Home Blog – eCommerce News, tips and tutorials Outstanding Size Guide Examples in eCommerce

Outstanding Size Guide Examples in eCommerce

Size Guide Examples in eCommerce

Processing and handling returns hurt profits. One way to reduce this is to create size guides to better detail your product’s dimensions and display it on your product pages.

Size guides are a great way to keep customers informed when making purchases on your online store. You can expect to see a reduction in return orders as a result of people ordering sizes that fit them. This can help your business save costs and offer a better online shopping experience.

In this article, we’ll go over some outstanding eCommerce size guide examples and see how you can include them in your own store.


Why are size guides useful?

Size guides are essential for reducing return orders. They provide accurate sizing information to customers when they’re browsing a product on your eCommerce store.

For instance, if you sell apparel products such as t-shirts or hoodies, you can create a size guide that lists the sizes of the chest, arms, and shoulders area for the product. This way, customers can select the size that fits them best before adding the apparel product to their shopping cart.

On the other hand, without a size guide, you’ll leave it in the hands of your customers to essentially “guess” their size. In fact, more than 80% of apparel stores online don’t provide enough sizing information to their customers. This not only makes it more likely for customers to return the order due to a wrong size selection but also reduces the chances of those customers ordering again from your online store.

It’s also important to understand that size guides often vary between different stores, vendors, and countries. For example, if your online store operates out of the US, you will need to create a size guide with the imperial system. Similarly, if you sell to EU customers, your size guide will need to use the metric system. A person shopping for shoes might buy pairs in sizes 7.5, 38, and 9 all indicative of the same shoe size!

International Size Conversions Puma
Puma’s International Size Conversions chart for Women’s Shoes.

Depending on the type of products you sell, you might also want to include tips in the size guide that explains how to measure. Measurement instructions are particularly important for wearables such as apparel and jewelry. The idea is to explain how customers should take their measurements to determine their correct size. It’s also helpful to provide a model or diagram to visually explain how to take measurements.

Measurement instructions
Tiffany & Co provides measurement instructions along with their size guide.

It’s a good idea to use a size guide on your online store to provide sufficient sizing information for your products. Let’s quickly take a look at some of the benefits of creating size guides for your online store:

  • Encourage customers to make purchases. Showcasing a size guide directly on product pages can help your customers make informed purchase decisions. This also means if your product pages provide enough sizing information, customers will feel more comfortable adding the products to their cart. As a result, you boost sales and encourage more purchases on your online store.
  • Customers don’t bounce off your site. Another big reason why you want to show a size guide on your product pages is to prevent prospective customers from bouncing off your site without making a purchase. This is because if a user is looking to spend money to purchase a t-shirt or a pair of sneakers, they will want to make sure it fits them perfectly.
  • Reduce return orders. If all customers are ordering the exact sizes they need, it reduces return orders on your online store due to a wrong sizing issue. As a result, you don’t have to spend as much on processing and handling returns.

Size guides are essential for most eCommerce sites such as apparel stores or clothing brands that want to let their customers view and purchase products directly from their websites.

However, this doesn’t mean it’s not useful for other types of online stores. For example, an online furniture store can use a size guide to specify the dimensions of a sofa or a table. Similarly, an online PC accessories store can use a size guide to specify the sizes of mousepads and vinyl stickers.

Put simply, a size guide is a universal way of showcasing additional sizing information for the product customers want to add to their cart. Without it, customers aren’t comfortable spending money on your site. And, even if they do, there’s a pretty good chance it’ll end up costing your business more in processing and handling the returns.


Great examples of size guides

Here, we’ll take a look at some different examples of size guides and see what they did right. This can help you get inspiration for the perfect size guide for your online store.

#1. Posse

Posse is a popular online apparel website that offers a neat size guide that helps its customers choose the right product size when placing their orders.

Posse size guide
Size guide on the Posse store.

The size guide can be accessed directly from the product page and displays accurate sizing information about the product customers are viewing. They have also provided a measuring guide to help their customers know exactly how they should be measuring their size when ordering apparel products from them.

Models and sizing information
Sizing information and visual.

In addition to this, Posse goes above and beyond and also includes sizing images using models with dimensions for each size of the product to showcase what the product looks like in real life.

#2. TAG Heuer

TAG Heuer is a brand that’s known for its timeless watches and also offers a way for users to order their favorite watches from their eCommerce site.

Size guide eCommerce
Size guide on the TAG Heuer website.

This also means they have created a size guide for users who want to order online so they can easily choose the correct size for their wrist from the comfort of their home. This includes additional information on the dial sizes and band sizes of watches to make it easier for customers to choose the one that they want while ensuring it fits them well.

Downloadable size guide
A downloadable PDF size chart.

The standout feature of TAG Heuer’s size guide is that they let their customers download the size guide and print it to measure their band size accurately.

#3. Lenskart

Lenskart is another great example of how size guides are useful regardless of the type of products you sell on your online store. It’s an online store that lets its customers order their glasses by simply selecting their lens number and choosing the right size of the glass frame.

Lenskart sizing information
Size guide on the Lenskart store.

This is important since customers don’t really have a way of knowing whether the glasses will fit their faces or not when buying glasses online. A size guide similar to this informs customers how to measure and select their correct glass frame size in two different ways.

#4. Bloomscape

Bloomscape’s approach to a sizing guide is very simple yet is an effective way of informing customers about how much space a plant will take in their home or office.

Bloomscape size guide
The Bloomscape size guide with visuals and measurements.

While they have included accurate sizing dimensions for customers to measure themselves, there are also images of humans holding the plant for comparison. This gives their customers a better understanding of what size they’re looking for.

#5: TOMS

TOMS uses a “Size Chart” or their version of a size guide to let customers convert their shoe measurements into a shoe size.

TOMS size guide
TOMS size guide with different types of measurements.

The best part is that it includes a separate column for each region so users from all over the globe can use their size guide. This not only helps customers make informed purchase decisions but is a great way to cater to all types of customers despite their geographical location.


Size guides in WooCommerce

While size guides are a handy thing to have for your online store, the core WooCommerce plugin doesn’t let you create one. This is why you need to use an additional plugin to include this functionality.

CommerceKit is one of the best solutions for creating better-looking product pages on your WooCommerce site. CommerceKit is available exclusively as part of the Shoptimizer WooCommerce theme.

CommerceKit
The CommerceKit plugin.

The plugin is designed to help you optimize your WooCommerce site to increase conversions and adds important extra functionalities – such as a size guides – to your online store’s product pages.

This way, you can showcase more sizing information about the product before customers add it to their shopping cart. As a result, it helps reduce return orders and boosts conversions.


How to create a size guide in WooCommerce

Here, we’ll show you how to use the CommerceKit plugin to create an attractive-looking size guide for your WooCommerce products.

For this, you will need a WordPress site with the WooCommerce plugin installed as well as some products added to it. You will also need the Shoptimizer WooCommerce theme to create and design your own size guide for WooCommerce products.

Step #1: Use the CommerceKit plugin

You can use the CommerceKit plugin to start creating size guides on your WooCommerce site.

The great thing about CommerceKit is that it comes free as a part of the performance-optimized WooCommerce theme, Shoptimizer. It’s currently only available as part of Shoptimizer, but we may launch a stand-alone version in the future!

Step #2: Design your size guide

Once you activate the CommerceKit plugin, you will see a new CommerceKit menu in your WordPress admin panel. Click on the CommerceKit menu and you will automatically be redirected to the Dashboard page.

CommerceKit dashboard
The CommerceKit dashboard.

Now, click on Size Guides using the sub-menu and make sure to select the Enable checkbox.

Size guide
Size Guide menu item.

This will enable you to create and showcase size guides anywhere on your WooCommerce site. Once you’re ready, make sure to click on the Save Changes button to continue.

Next, navigate to Size Guides → Add New from the WordPress admin panel.

Size Guide Admin Area

This will redirect you to a new page where you can start creating and designing the ideal size guide for your WooCommerce products. For example, if you sell apparel products, it might be a great idea to create a size guide for to represent different t-shirt sizes on your online store.

You can create and design your size guide as you please. This means you can showcase additional information as a way to inform customers how to measure their own size when ordering from your online store. Adding images is also a great way to visually explain how customers are supposed to measure their size.

You can then create a size chart or a sizing information table using the Table block.

Fill out the size chart entries.

It lets you add header sections and specify the dimensions that customers need to measure when purchasing apparel products from your online store. This helps them decide on the accurate size that will fit them perfectly so they don’t have to return their order later. Click on the Publish button to continue.

Step #3: Select categories to display the size guide

Once you’re done designing your unique size guide for your WooCommerce products, it’s time to decide where the size guide will be displayed on the front-end. To do this click on the Size Guide tab from the More settings page of your screen.

Select product categories.

Click on the Product Categories dropdown and specify which WooCommerce categories the size guide will be displayed on. Similarly, you can also specify specific products and create size guides to be displayed for unique products on your online store. Once you’re ready, make sure to click on the Update button.

Link to the size guide on the product page.

Specifying a category earlier makes the size guide visible on all products in that category. Customers can click on the Size Guide button on product pages and it will automatically open the size guide on the same page.

Size guide preview
Preview of the size guide on the front-end.

Pro tip: You can use the Duplicate Post plugin to create a copy of the size guide, tweak its contents, and assign it to a different product category!

Duplicate Post plugin
Duplicate the size guide and tweak it for different product categories.

Conclusion

While creating a size guide is essential for online apparel stores, it’s also useful for many other types of online stores. As a result, it helps prevent returns due to incorrect sizing or fitting and helps your business save costs.

As we’ve seen from the examples above such as TAG Heuer, TOMS and Bloomscape you can incorporate size guides in very different niches.

Did you know that the CommerceKit plugin is included for free as part of the Shoptimizer theme? You can use it to create attractive-looking product pages that look professional and provide your customers with sufficient sizing information enabling them to make informed purchase decisions.

If you have any examples of using size guides on your own store, or have other recommendations to offer, we’d love to hear about them!

Computer scientist, B2B SaaS writer, and co-founder at BloggInc. In her spare time, you can find her playing GTA V, lounging at the farm, or trying to beat her husband at indoor badminton.

Shoptimizer WooCommerce Theme

Shoptimizer is a FAST WooCommerce theme that comes with a ton of features all designed to help you convert more users to customers.

More details  →

Shoptimizer WooCommerce Theme screenshot

Latest eCommerce Guides View all Guides

Leave a Reply

Your email address will not be published.

Latest Updates

$50
Off

Do you want a whopping $50 off Shoptimizer for WooCommerce?

Click the button below to get Shoptimizer for only $49. (Regular price: $99).
This is a special launch offer for today only.
Get it before it is gone!