How to Add a Product Size Chart in WooCommerce

Allowing customers to select their own size is an important consideration if you are selling things depending on their dimensions. Returns may increase if customers are unable to locate the correct size in your store. If your product pages include a sizing chart, it will save you the trouble of sending out several shipments and dealing with customer returns.

If you are troubled with adding a product size chart to your store, check out the methods below. You can either install via Product Size Chart plugin or use a program to implement it to your store.

Add a Product Size Chart in WooCommerce – Methods

There are two basic methods to add a product size chart in WooCommerce.

1. Product Size Chart in WooCommerce by KoalaApps 
2. Add a Product Size Chart in WooCommerce Programmatically

Method #1: Product Size Chart for WooCommerce by KoalaApps

WooCommerce Product Size Chart plugin allows you to create multiple size charts to be attached to relevant products and categories to help customers reach purchase decisions quickly. It is a must-have plugin for stores dealing in wearable products; so the size guides help customers select the right product size. 

Installation

1. To install this plugin, search the .zip file from your WooCommerce account and begin the download.
2. On the WordPress Admin Panel. Go to the Plugins section and click Add New to Upload Plugin.
3. Upload the file to proceed with download. 
4. Select Install Now and then Activate the plugin to proceed with configuration.

Setup and Configuration

Once the plugin is installed and activated, move on to configuration settings. On the WordPress Admin panel, you will notice a new menu item “Size Chart”. Select Size Chart to configure the plugin.

Create a New Size Chart

Using the Size Chart for WooCommerce plugin, select “Add New” from the Admin panel’s Size Chart section to create a new chart. The following information can be included here:

• Add title for Size Chart (for future reference)
• Choose options for image size chart or create a new size table
• Add content for Size chart (can be left empty)
• Link to specific countries (Leave empty to apply on all countries)
• Attach to all or any products and categories that are relevant
• Add priority for size tab (when enabling size chart display as tab)
• Add size chart tab/button text

Configure Size Chart Settings

Using this plugin, Size charts can be displayed as either a button or a tab in the Admin panel by selecting “settings” from the drop-down menu under “Admin panel > Size Chart.” Size charts are shown in a popup in case of a button.

Set Size Chart Button Settings

Choosing a button from the settings options brings up a popup with your entire size chart. Here, you may choose from a variety of customization options.

• Place button after:
  • Price 
  • Short description
  • Add to cart
  • Product metas
• Set color for button background and text
• Customize color for:
  • Table header (i.e. first row)
  • First column
  • Odd and even rows
• Enable/disable table border

Method #2: Add a Product Size Chart in WooCommerce Programmatically

Below is the program through which you can easily add a product size chart in WooCommerce. 

add_filter( 'woocommerce_product_tabs', array( $this, 'KA_Psc_Product_Tabs' ) );
public function KA_Psc_Product_Tabs( $tabs ) {
if ($istrue && $iscountry) {
$tabs[ 'kapsc-chart-id-' . $chart->ID ] = array(
'title' => $kapsc_tab_title ? $kapsc_tab_title : $chart->post_title,
'priority' => $kapsc_tab_pri ? $kapsc_tab_pri : 99,
'callback' => array( $this, 'kapsc_Tab_Content' ),
'kapsc_chart_id' => $chart->ID
);
}
return $tabs;
}

To Conclude

Your customers will appreciate it if you use the WooCommerce Product Size Chart plugin. If you have any queries, please do not hesitate to contact our support team.