Adding a size guide

How to add a size guide to a clothing product

Ed Boaden avatar
Written by Ed Boaden
Updated over a week ago

Helping customers know what size will fit them best will help them make a purchasing decision; improving conversion rates.

There are several ways to inform customers about sizings of clothing.

You can upload as a product image, the size guide as a photo, this will be visible next to your mockups.

You can also link out to an external size guide hosted on a 3rd party page, we would recommend keeping the size guide on your store if you can, but this is a valid way to let people make an informed choice.

You can also use the code below to show the exact sizes and measurements of the garments you are putting on sale.

How to set up

On a clothing type product, scroll down and click Add Size Guide, or click More > Add Article > Size Guide.

Enter the following code, replacing dimensions and units as appropriate:

<table class="size-guide">
  <thead>
    <tr>
      <th></th>
      <th>XS</th>
      <th>S</th>
      <th>M</th>
      <th>L</th>
      <th>XL</th>
      <th>XXL</th>
      <th>XXXL</th>
    </tr>
  </thead>
  <tbody>
<tr>
<td>Width (inches)</td>
<td>16</td>
<td>18</td>
<td>20</td>
<td>22</td>
<td>24</td>
<td>26</td>
<td>28</td>
</tr>
<tr>
<td>Height (inches)</td>
<td>16</td>
<td>18</td>
<td>20</td>
<td>22</td>
<td>24</td>
<td>26</td>
<td>28</td>
</tr>
  </tbody>
</table>
Did this answer your question?