{"id":202637,"date":"2019-10-15T08:11:05","date_gmt":"2019-10-15T08:11:05","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=202637"},"modified":"2024-01-25T12:09:53","modified_gmt":"2024-01-25T12:09:53","slug":"woocommerce-size-chart","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/","title":{"rendered":"WooCommerce Size Chart"},"content":{"rendered":"\n<p><strong>WooCommerce Size Chart <\/strong>allows the admin to easily create <strong>Size Chart <\/strong>for their products. The admin can create a customizable size chart and then assign the created size chart to the products.<\/p>\n\n\n\n<p>Using WooCommerce Size Chart, the admin lets their customers find out the right product size chart for them. In an online e-commerce store, the customers can identify their fit according to the size chart available on the website and then purchase the product without thinking about any size issue.<\/p>\n\n\n\n<p>So, this extension will definitely help the customers to identify their fit and then they can process further to purchase the product according to the size chart. <\/p>\n\n\n\n<p>It will allow the admin to easily create Size Chart for their products. Furthermore, the admin can create a customizable size chart and then assign the created size chart to the products.<\/p>\n\n\n\n<p><strong>Note<\/strong>: <\/p>\n\n\n\n<p>This module is now compatible with WooCommerce\u2019s new <a href=\"https:\/\/woo.com\/document\/high-performance-order-storage\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">High-Performance Order Storage<\/a> (HPOS) feature.<\/p>\n\n\n\n<p>Watch the below video tutorial to understand the extension workflow:<\/p>\n\n\n\n<div class=\"wp-block-wk-block-youtube-video wk-block--yt-video\"><div class=\"wk-block--yt-video-frame\"><div class=\"wk-block--yt-video-frame-request\" data-plyr-provider=\"youtube\" data-plyr-embed-id=\"vIp-QYgVTiY\"><\/div><\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Features &#8211;<\/h3><\/div><div class=\"margin-bottom-50\">\n<ul class=\"wp-block-list\">\n<li>The admin can add size chart templates.<\/li>\n\n\n\n<li>The admin can add a size chart description text with images.<\/li>\n\n\n\n<li>The size chart Widget can also be enabled by the admin.<\/li>\n\n\n\n<li>Global Setting can be used for a Size Chart.<\/li>\n\n\n\n<li>Customers will see the size chart on the product page and shop page.<\/li>\n\n\n\n<li>This module increases the customer satisfaction.<\/li>\n\n\n\n<li>The admin can use multiple-size charts for a single product.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Installation &#8211;<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The user will get a zip file which he has to upload in the&nbsp;<strong>\u201cAdd New\u201d<\/strong>&nbsp;menu option in the WordPress admin panel.<\/p>\n\n\n\n<p>For this, login to WordPress Admin Panel and then Under the Dashboard, hover your mouse over the&nbsp;<strong>\u201cPlugins\u201d<\/strong>&nbsp;menu option which brings out a Sub-Menu and then select the&nbsp;<strong>\u201cAdd New\u201d<\/strong>&nbsp;option.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1200\" height=\"180\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png\" alt=\"installation -1\" class=\"wp-image-202897\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>After this, you will see an option on the top of your page that is&nbsp;<strong>\u201cUpload Plugin\u201d<\/strong>, Now clicks the option to upload the zip file.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1200\" height=\"180\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-upload-plugin-1200x180.png\" alt=\"upload plugin\" class=\"wp-image-202898\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-upload-plugin-1200x180.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-upload-plugin-1200x180.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-upload-plugin-1200x180.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-upload-plugin-1200x180.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>By clicking on the&nbsp;<strong>\u201cUpload Plugin\u201d<\/strong>&nbsp;option, below that you will see a button&nbsp;<strong>\u201cChoose File\u201d<\/strong>&nbsp;click on the button to browse for the zip file as per the snapshot below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1200\" height=\"180\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-choose-file-1200x180.png\" alt=\"choose file\" class=\"wp-image-202901\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-choose-file-1200x180.png 1200w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-choose-file-1200x180.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-choose-file-1200x180.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-choose-file-1200x180.png 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>After browsing the file, click the&nbsp;<strong>\u201cInstall Now\u201d<\/strong>&nbsp;button to install the plugin as per the snapshot.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1288\" height=\"484\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-1.png\" alt=\"install plugin\" class=\"wp-image-202926\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-1.png 1288w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-1.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-1.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-1.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-1.png 1200w\" sizes=\"(max-width: 1288px) 100vw, 1288px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Now when the plugin is installed correctly, then you will see the success message and an option to activate the plugin. Henceforth now, click on&nbsp;<strong>\u201cActivate Plugin\u201d<\/strong>&nbsp;to activate the installed plugin.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1138\" height=\"509\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-2.png\" alt=\"activate plugin\" class=\"wp-image-202927\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-2.png 1138w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-2.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-2.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-2.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/10\/install-2.png 604w\" sizes=\"(max-width: 1138px) 100vw, 1138px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wk-index-wrap\"><div class=\"block-wrap\">\n<h3 class=\"wp-block-heading index-title\">Module Translation<\/h3>\n<\/div><\/div>\n\n\n\n<p>To know how to translate the module, you can click&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.com\/blog\/how-to-translate-the-woocommerce-plugins\/\" target=\"_blank\">here<\/a>.<\/p>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Admin &#8211; Initial Configuration Settings<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The admin can manage the module from the admin panel easily. <\/p>\n\n\n\n<p>Moreover, after the successful installation of the module, the admin for the initial configuration can navigate through  <strong>Webkul WC Addons<\/strong>-&gt;<strong>Product Size Charts<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_admin.php_pagewcsc-configurationstore-screenshots.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_admin.php_pagewcsc-configurationstore-screenshots\" class=\"wp-image-419516\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_admin.php_pagewcsc-configurationstore-screenshots.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_admin.php_pagewcsc-configurationstore-screenshots-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_admin.php_pagewcsc-configurationstore-screenshots-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_admin.php_pagewcsc-configurationstore-screenshots-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Global Settings:<\/h3>\n\n\n\n<p>Here, the admin will be able to &#8211;  <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enable the size chart option of the products. <\/li>\n\n\n\n<li>Set the size chart data label as required. <\/li>\n\n\n\n<li>Enable the required option to show the size chart on the product page. <\/li>\n\n\n\n<li>Choose the size chart view on the product page as &#8211; Popup or Additional Tab or both. <\/li>\n\n\n\n<li>Set the button position of the Sze chart as &#8211; Before Add to Cart or After Add to Cart button.<\/li>\n\n\n\n<li>Set the size chart button label as required. <\/li>\n\n\n\n<li>Choose the size chart button color. <\/li>\n\n\n\n<li>Set the size chart button text color. <\/li>\n\n\n\n<li>Enter the button border-radius.<\/li>\n\n\n\n<li>Choose the size chart table border color.<\/li>\n\n\n\n<li>Set the size chart table border width.<\/li>\n\n\n\n<li>Enter the size table border width to keep. <\/li>\n\n\n\n<li>Choose the size chart table header color.<\/li>\n\n\n\n<li>Set the size chart table header text color.<\/li>\n\n\n\n<li>Choose the size chart table text color.<\/li>\n\n\n\n<li>Set the size chart table background color.<\/li>\n<\/ul>\n\n\n\n<p>Lastly, save the initial configuration settings.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Add New Size Chart<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>From the configuration section, the admin can easily add a size chart as required. <\/p>\n\n\n\n<p>The admin can add a new size chart by clicking on the <strong>Add New Size Charts <\/strong>button. <\/p>\n\n\n\n<p>This navigates the admin to the add new size charts-&gt;Add New section as shown below. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots\" class=\"wp-image-419518\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Here, the admin can enter &#8211; <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Title of the size chart<\/li>\n\n\n\n<li>Description of the size chart along with the image.<\/li>\n<\/ul>\n\n\n\n<p>After that, under the Size Chart Table the admin will &#8211; <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Enter the size chart table label as required. <\/li>\n\n\n\n<li>Then add the size chart details &#8211; Columns and Rows by tapping the &#8220;+&#8221; button.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-4.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-4\" class=\"wp-image-419521\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-4.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-4-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-4-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-4-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Size Chart Configuration<\/h3>\n\n\n\n<p>The admin can now configure the size chart if the <strong>Enable Global Settings<\/strong> is <strong>disabled<\/strong>.<\/p>\n\n\n\n<p>Here, the admin can mark the checkbox button to use the preset global size chart setting or configure the size chart manually.<\/p>\n\n\n\n<p><strong>Add Products &#8211; <\/strong>The admin can select the products for which the admin wants to assign the size chart.<\/p>\n\n\n\n<p><strong>Size Chart Data Label &#8211; <\/strong>Here, the admin can enter the label for the description data.<\/p>\n\n\n\n<p><strong>Show size chart on shop page &#8211; <\/strong>Select <strong>Yes <\/strong>to display size chart on shop page.<\/p>\n\n\n\n<p><strong>Size Chart View &#8211;<\/strong> Select the size chart view as a <strong>popup, additional tab, <\/strong>or <strong>both.<\/strong><\/p>\n\n\n\n<p><strong>Button Position &#8211; <\/strong>Set the position of the size chart button as <strong>Before add to cart, <\/strong>or<strong> after add to cart.<\/strong><\/p>\n\n\n\n<p><strong>Size chart button label &#8211; <\/strong>The admin can enter the label name of the size chart button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-3.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-3\" class=\"wp-image-419520\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-3.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-3-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-3-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-3-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p><strong>Color of Button &#8211; The button<\/strong> color of the size chart can be set by the admin.<\/p>\n\n\n\n<p><strong>Text Color Of The Button &#8211; <\/strong>Set the button text color here.<\/p>\n\n\n\n<p><strong>Button Border Radius &#8211; <\/strong>The admin can select the border width within the range 0-5<\/p>\n\n\n\n<p><strong>Size Chart Table Border Color &#8211; <\/strong>Select the border color of the size chart table.<\/p>\n\n\n\n<p><strong>Table Border Width &#8211;<\/strong> Set the table border width within the range of 0-5<\/p>\n\n\n\n<p><strong>Size Chart Table Header Color &#8211; <\/strong>Select the header color of the size chart table.<\/p>\n\n\n\n<p><strong>Table Header Text Color &#8211; <\/strong>The admin can select the text color of the size chart header table.<\/p>\n\n\n\n<p><strong>Size Chart Table Text Color &#8211;<\/strong> Set the size chart table text color here.<\/p>\n\n\n\n<p><strong>Size Chart Table Background Color &#8211; <\/strong>Here, the admin can select the background color of the size chart table.<\/p>\n\n\n\n<p>Lastly, publish the size chart by tapping the <strong>Publish<\/strong> button. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-5.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-5\" class=\"wp-image-419522\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-5.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-5-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-5-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_post-new.php_post_typewk-size-chartstore-screenshots-5-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">View and Edit Existing Size Chart &#8211;<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>From the admin panel, the admin can view and edit the created size charts. The admin can also delete the created size charts as required. Navigate through<strong> Product Size Charts<\/strong>-><strong>All Size Charts<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1120\" height=\"728\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_edit.php_post_typewk-size-chartstore-screenshots.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_edit.php_post_typewk-size-chartstore-screenshots\" class=\"wp-image-419534\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_edit.php_post_typewk-size-chartstore-screenshots.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_edit.php_post_typewk-size-chartstore-screenshots-300x195.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_edit.php_post_typewk-size-chartstore-screenshots-250x163.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_edit.php_post_typewk-size-chartstore-screenshots-768x499.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n\n\n\n<p>Now, the admin can click on the size chart that the admin wants to edit and then edit the size chart accordingly.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Manage Widget<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The admin can add the widget from the admin panel. To add a <strong>Size Chart Widget,<\/strong> the admin can navigate to <strong>widget <\/strong>from the admin panel under the <strong>Appearance <\/strong>menu and then manage the size chart widget.<\/p>\n\n\n\n<p>Here, the admin can select the widget for a single product size chart or display the list of the size chart.  The admin can also set the position of the widget as the sidebar, below the header, and the footer column.<\/p>\n\n\n<div class=\"wp-block-image is-resized\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1120\" height=\"880\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_widgets.phpstore-screenshots.png\" alt=\"wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_widgets.phpstore-screenshots\" class=\"wp-image-419541\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_widgets.phpstore-screenshots.png 1120w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_widgets.phpstore-screenshots-300x236.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_widgets.phpstore-screenshots-250x196.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2024\/01\/wpdemo.webkul.com_woocommerce-size-chart-122-184-75-2_wp-admin_widgets.phpstore-screenshots-768x603.png 768w\" sizes=\"(max-width: 1120px) 100vw, 1120px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Now, the admin can set the title for the widget, and also select the size chart from the available size chart list.<\/p>\n<\/div>\n\n\n\n<div class=\"wk-index-wrap\"><h3 class=\"index-title\">Storefront View &#8211; Size Chart<\/h3><\/div><div class=\"margin-bottom-50\">\n<p>The size chart will be displayed on the shop page and the product page as configured by the admin.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1277\" height=\"930\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-configuration.png\" alt=\"dv\" class=\"wp-image-205949\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-configuration.png 1277w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-configuration.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-configuration.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-configuration.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-configuration.png 1200w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>Now, the customer can click on the Size Chart button to view the size chart as shown in the image below-<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1286\" height=\"591\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-table.png\" alt=\"d\" class=\"wp-image-205945\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-table.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-table.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-table.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-table.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-table.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>The customer can also click on another tab near to the size chart tab to view other details as shown in the image below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1286\" height=\"591\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-men-img.png\" alt=\"fv\" class=\"wp-image-205946\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-men-img.png 1286w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-men-img.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-men-img.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-men-img.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-front-end-men-img.png 1200w\" sizes=\"(max-width: 1286px) 100vw, 1286px\" loading=\"lazy\" \/><\/figure>\n<\/div>\n\n\n<p>If enabled, the widget of the size chart will also be displayed to the customers as shown in the image below.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img decoding=\"async\" width=\"1284\" height=\"862\" src=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-admin-enable-widget.png\" alt=\"efedg\" class=\"wp-image-205960\" style=\"width:800px\" srcset=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-admin-enable-widget.png 1284w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-admin-enable-widget.png 250w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-admin-enable-widget.png 300w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-admin-enable-widget.png 768w, https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2019\/11\/webkul-woocommerce-size-chart-admin-enable-widget.png 1200w\" sizes=\"(max-width: 1284px) 100vw, 1284px\" loading=\"lazy\" \/><\/figure>\n<\/div><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><em>That was all about the\u00a0<\/em><strong><em>WooCommerce Size Chart<\/em><\/strong><em>. Moreover, if you have any doubts or queries regarding the extension get back to us at\u00a0<\/em><strong><a href=\"mailto:support@webkul.com\">support@webkul.com<\/a><\/strong><em>\u00a0or create a ticket at our\u00a0<\/em><a href=\"https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">HelpDesk<\/a><em>\u00a0system.<\/em><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>WooCommerce Size Chart allows the admin to easily create Size Chart for their products. The admin can create a customizable size chart and then assign the created size chart to the products. Using WooCommerce Size Chart, the admin lets their customers find out the right product size chart for them. In an online e-commerce store, <a href=\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":239,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7966,1260],"tags":[10046,10044,10047,10045],"class_list":["post-202637","post","type-post","status-publish","format-standard","hentry","category-wordpress-woocommerce","category-wordpress","tag-size-chart-for-woocommerce","tag-woocommerce-size-chart","tag-woocommerce-size-chart-plugin","tag-woocommerce-size-guide"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WooCommerce Product Size Chart | Size Guide Table Plugin<\/title>\n<meta name=\"description\" content=\"WooCommerce Size Chart plugin allows the admin to easily create The Size Chart and then assign the created size chart to the products.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WooCommerce Product Size Chart | Size Guide Table Plugin\" \/>\n<meta property=\"og:description\" content=\"WooCommerce Size Chart plugin allows the admin to easily create The Size Chart and then assign the created size chart to the products.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-15T08:11:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-25T12:09:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png\" \/>\n<meta name=\"author\" content=\"Rajan Dimri\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Rajan Dimri\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\"},\"author\":{\"name\":\"Rajan Dimri\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/84179204d8799af72b256809667b9c81\"},\"headline\":\"WooCommerce Size Chart\",\"datePublished\":\"2019-10-15T08:11:05+00:00\",\"dateModified\":\"2024-01-25T12:09:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\"},\"wordCount\":1315,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png\",\"keywords\":[\"size chart for woocommerce\",\"woocommerce size chart\",\"woocommerce size chart plugin\",\"woocommerce size guide\"],\"articleSection\":[\"WooCommerce\",\"WordPress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\",\"url\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\",\"name\":\"WooCommerce Product Size Chart | Size Guide Table Plugin\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png\",\"datePublished\":\"2019-10-15T08:11:05+00:00\",\"dateModified\":\"2024-01-25T12:09:53+00:00\",\"description\":\"WooCommerce Size Chart plugin allows the admin to easily create The Size Chart and then assign the created size chart to the products.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage\",\"url\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png\",\"contentUrl\":\"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WooCommerce Size Chart\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/84179204d8799af72b256809667b9c81\",\"name\":\"Rajan Dimri\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/bd29c0f3a2885bbbeb97c830d846534f69fe6069cfa296720fcd15d33bc31938?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/bd29c0f3a2885bbbeb97c830d846534f69fe6069cfa296720fcd15d33bc31938?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Rajan Dimri\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/rajan-dimri348\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WooCommerce Product Size Chart | Size Guide Table Plugin","description":"WooCommerce Size Chart plugin allows the admin to easily create The Size Chart and then assign the created size chart to the products.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/","og_locale":"en_US","og_type":"article","og_title":"WooCommerce Product Size Chart | Size Guide Table Plugin","og_description":"WooCommerce Size Chart plugin allows the admin to easily create The Size Chart and then assign the created size chart to the products.","og_url":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2019-10-15T08:11:05+00:00","article_modified_time":"2024-01-25T12:09:53+00:00","og_image":[{"url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png","type":"","width":"","height":""}],"author":"Rajan Dimri","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Rajan Dimri","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/"},"author":{"name":"Rajan Dimri","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/84179204d8799af72b256809667b9c81"},"headline":"WooCommerce Size Chart","datePublished":"2019-10-15T08:11:05+00:00","dateModified":"2024-01-25T12:09:53+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/"},"wordCount":1315,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png","keywords":["size chart for woocommerce","woocommerce size chart","woocommerce size chart plugin","woocommerce size guide"],"articleSection":["WooCommerce","WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/","url":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/","name":"WooCommerce Product Size Chart | Size Guide Table Plugin","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage"},"thumbnailUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png","datePublished":"2019-10-15T08:11:05+00:00","dateModified":"2024-01-25T12:09:53+00:00","description":"WooCommerce Size Chart plugin allows the admin to easily create The Size Chart and then assign the created size chart to the products.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/woocommerce-size-chart\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#primaryimage","url":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png","contentUrl":"https:\/\/webkul.com\/blog\/wp-content\/uploads\/2019\/10\/installation-add-new-1200x180.png"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/woocommerce-size-chart\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WooCommerce Size Chart"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/84179204d8799af72b256809667b9c81","name":"Rajan Dimri","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/bd29c0f3a2885bbbeb97c830d846534f69fe6069cfa296720fcd15d33bc31938?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bd29c0f3a2885bbbeb97c830d846534f69fe6069cfa296720fcd15d33bc31938?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Rajan Dimri"},"url":"https:\/\/webkul.com\/blog\/author\/rajan-dimri348\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/202637","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/239"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=202637"}],"version-history":[{"count":30,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/202637\/revisions"}],"predecessor-version":[{"id":419542,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/202637\/revisions\/419542"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=202637"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=202637"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=202637"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}