
Making purchasing decisions is not that easy, especially if customers are buying apparel. The hesitation usually starts when they need to choose a size. Thus, you must ensure customers can choose the correct size to avoid returns and frustration that follow with the wrong size.
That's when the Shopify Size Chart App by Magefan comes in handy.
Note: define how your size charts will be displayed on the frontend before you create them. Use the size chart display settings.
To add a size chart to Shopify:
1. Navigate to Apps > Magefan Size Chart and hit the Add New Size Chart button.
2. Choose one of the ready-made templates or create a blank one. We'll go for the Women's Top Template. Once you choose a template, a draft is created.
3. Make changes to the template, if needed. Edit the sizes and metrics, change colours, and size guide, etc.
Note: if you want to upload a size chart image, simply choose a Blank template and upload the image via the media tool.
4. Add Custom CSS to adjust the design of your size chart (optional).
5. Set the Conditions to define what products to display a size chart on. You can set that the products must match all conditions or any condition (if a product should match at least one condition for the size chat to be applied to it). Choose from:
- Title
- Vendor
- Product Type
- Product Collection
- Tags
- Variant Title
- Price
- Compare at Price
- Inventory Quantity
We're going for the products that contain "jacket" in their titles since it's a women's top size chart.
Note: if you want to apply your size chart to all products simply leave the auto-filled settings (Products must match all conditions) and don't set any conditions.
6. Change the Status of the size chart to Active and Save it. Then go to the frontend to check the size chart.
If you want to check how your size chart will appear on frontend before activating it, do a Preview.
You'll find the size chart label displayed according to the display settings you've set.
Then, once you click on the size chart label, it will pop up on the screen (Popup type) or fly out from the left or right side (Drawer type).
Now you have size options displayed accordingly on different types of products. This will not only improve customers' experience but also reduce the return rates on your store. So, it's a win-win.
In case you have a multi-language store, you can also translate size charts into different languages in just a few clicks.