How to Add a Size Chart Popup in Shopify?

How to Add a Size Chart Popup in Shopify


If you own an online store, you are aware of how important it is to give your customers correct sizing information. The right fit can make or break a purchase decision, and that’s where a size chart comes in handy.

By offering a size chart popup on your Shopify store, you can provide valuable guidance to your customers, enhance their shopping experience, and boost your conversion rates.

Gone are the days when customers had to browse through lengthy product descriptions or guess their sizes. With a size chart popup, you can present clear and concise sizing information right when your customers need it the most.

In this simple guide, we will walk you through the steps of creating a size chart popup on Shopify. We’ll provide you with straightforward instructions that anyone can follow, allowing you to easily implement this essential feature in your online store.

You’ll discover how to design an attractive and user-friendly popup that seamlessly integrates with your store’s branding and enhances the overall shopping experience.

So, if you’re ready to elevate your online store’s user experience, reduce confusion around sizing, and increase customer confidence, let’s dive into creating a size chart popup on Shopify.

What is a Size Chart?

A size chart is a table or guide that provides measurements to help customers choose the correct size of a product, especially clothing or footwear. Each brand or manufacturer may have different sizing standards, so size charts are usually specific to the brand or even the specific item.

Size charts typically list the various sizes the product is available in (for example, small, medium, large, or numerical sizes) and the corresponding measurements in inches or centimeters. For clothing, size charts often include measurements for areas such as the bust, waist, hips, or inseam.

Businesses can increase customer satisfaction by reducing the incidence of returns due to sizing concerns, assisting customers in making more informed purchasing decisions and offering a size chart.

Benefits of Adding Size Chart PopUp to Shopify Store

Adding a size chart popup to your Shopify store can offer several benefits, both to you as the store owner and to your customers. Here are some notable advantages:

1. Improved Customer Satisfaction

Customers who shop online are unable to try on products to ensure a suitable fit, especially when buying apparel or shoes. This lack of physical interaction can lead to uncertainty in choosing the right size.

By providing a size chart in a convenient popup, you’re offering an important tool for customers to make accurate and informed decisions about their size. This improves their overall shopping experience and increases their satisfaction with their purchase.

Customers are also more likely to have a favorable opinion of your brand when they receive things that fit them well, which will result in higher reviews, repeat business, and recommendations, all of which can help your online store succeed.

Customer Satisfaction

2. Reduced Returns

One of the most common reasons for online returns is incorrect sizing. When customers have clear, accessible information on how sizes correspond to actual measurements, they are more likely to select the size that fits them best.

This decreases the likelihood of them needing to return the item due to poor fit. For businesses, processing returns may be expensive and time-consuming. They also run the risk of causing problems with inventory control.

Therefore, reducing returns not only improves the customer experience but also saves resources and enhances the operational efficiency of your online store.

Returns Policy

3. Increased Conversion Rates

Uncertainty about size can often lead potential customers to abandon their purchase midway, contributing to higher cart abandonment rates.

However, a readily accessible size chart popup provides the necessary information right at the point of decision-making, reducing uncertainty and encouraging customers to complete the purchase.

By assuring customers they’re selecting the correct size, you’re removing a key barrier to purchase. As a result, you may observe a greater number of visitors turning into customers, which ultimately results in higher retail sales.

Increased Conversion Rates

4. Enhanced User Experience

The user experience, or UX, is all about how a visitor interacts with and perceives your online store. A size chart popup contributes to a better UX by providing helpful information in a user-friendly way.

Customers don’t have to navigate away from the product page to another page or site to figure out their size. Instead, they can click to view the size chart while staying on the product page, making their shopping experience smoother and more seamless.

Since customers are more likely to finish transactions when the procedure is easy and convenient, better customer satisfaction and improved conversion rates may result from these features.

Better User Experience

5. Global Audience Reach

By adding a size chart popup to your Shopify store, you can better serve an international audience. Size standards and measurements can vary significantly across different countries and regions.

For instance, a ‘Large’ size in the US might correspond to an ‘Extra Large’ in another country.

A size chart popup that includes various international sizing standards can help customers from all over the world understand the sizes, increasing the likelihood of them making a satisfactory purchase.

This enhances your store’s accessibility and inclusivity, making your products more appealing to a global audience, and potentially driving higher sales from international markets.

Global Audience Reach

Steps to Add a Size Chart to Your Shopify Store

Step 1: From your Shopify store’s admin panel, navigate to Online Store > Pages > Add Page.

Shopify Add Page

Step 2: Next, give the page title as Sizing Chart. In the Content box below, create a table that contains your size chart information. Also, ensure that you mark your page as Visible in the Visibility section. Don’t forget to click on the Save button!

Shopify Add Size Chart Page

Step 3: Now you need to go to the Customize area of your store. To reach up there, navigate to Online Store > Themes > Customize.

Shopify Customize - Theme Editor

Step 4: Select the product page from the dropdown menu to which you wish to add the size guide.

Shopify Select Page

Step 5: Next, click on Add block > Pop-up.

Shopify Select Block

Step 6: Look through the right-hand side of the page. In the Link label, enter the name that you wish to have, select the page, and you’re all set!

Shopify Popup

Step 7: Drag and drop to the place you wish to have the Size Guide button. Once you’re done, click on Save!

Shopify Popup Drag

Here’s our size chart!

Shopify Size Guide Popup

Places to Add a Size Chat Popup on Your Shopify Store

When adding a size chart popup to your Shopify store, you want it to be easily accessible to customers when they’re making a purchase decision. Here are the main areas where you should consider placing it:

Product Pages

This is the most crucial place for a size chart popup, as it’s where customers decide whether to buy. The size chart button or link should be near the product description or the size selection dropdown. This allows customers to quickly view sizing information while they’re considering their purchase.

Shopify Size Guide on product page

Product Quick View

If your Shopify theme supports a “quick view” feature for browsing products, you may also want to add a size chart popup there. This gives customers access to sizing information without having to navigate to the full product page.

Shopify Size Guide on Product Quick View

Cart Page

Including a size chart link on the cart page gives customers a final chance to check the size before they proceed to checkout. This can help prevent last-minute cart abandonment due to sizing uncertainty.

Shopify Size Guide on Cart Page

Remember, the goal is to make the size chart as accessible as possible to customers at crucial decision-making moments. Therefore, the positioning should be intuitive and the popup should be easy to close once viewed, ensuring a smooth shopping experience.

Best Practices for Using Size Chart Popups

Best Practices for using Size Chart Popups

Adding a size chart popup to your online store is a great way to help your customers choose the right product size. However, there are a few best practices you should consider to ensure your size chart is as effective as possible:

1. Clear & Detailed

Clear & detailed refers to the principle of ensuring that your size chart popup provides all necessary information straightforwardly and comprehensively.

The chart should include all sizes available for the particular product and the corresponding measurements in a well-organized format.

Make sure you specify the unit of measurement (inches, centimeters, etc.) and consider providing conversions for different regions if you serve an international customer base.

2. Visuals

It refers to incorporating visual aids, such as diagrams or illustrations, to enhance the understanding of measurements and how they relate to the product’s fit.

Visuals can provide a visual representation of where and how to measure, making it easier for customers to accurately determine their size.

By including visuals in your size chart popup, you can make it more intuitive and accessible, reducing confusion and improving the overall user experience.

3. Easy Navigation

Ensure that your customers can open, close, and navigate the size chart easily without any obstacles or frustrations. This way, you can create a size chart popup that is easy to navigate, enhancing the user experience for your customers.

A smooth and effortless navigation experience helps customers find the information they need quickly, leading to a more seamless shopping journey and increased satisfaction with your online store.

4. Instructions

It refers to providing clear guidance on how to measure accurately to determine the appropriate size. Including instructions helps customers understand the process and ensures they obtain accurate measurements.

By including clear and concise instructions, you can help customers measure themselves correctly, increasing the likelihood of selecting the right size. Accurate measurements lead to more satisfied customers, reduced returns, and a smoother shopping experience.

5. Accessibility

Make sure that the size chart is easily accessible and usable for all customers, including those with disabilities or using different devices.

By prioritizing accessibility in your size chart popup design, you create an inclusive and user-friendly experience for all customers, regardless of their abilities or devices used.

This not only improves customer satisfaction but also helps you reach a broader audience and adhere to accessibility standards and guidelines.

Wrapping Up

Creating a size chart popup on Shopify doesn’t have to be a daunting task. By doing this, you may give your customers useful sizing information and improve their online purchasing experience.

You have been guided step-by-step through the process of generating a size chart popup on Shopify throughout this blog post. From adding the popup to your product pages to customizing the design, we’ve covered it all in simple and easy-to-understand language.

By implementing a size chart popup, you can address one of the most common concerns customers have when shopping online: finding the perfect fit.

Start creating your size chart popup today and if you have any questions regarding creating or customizing a size chart popup, don’t hesitate to get in touch.

What Next?

Have a look at how you can integrate Google Analytics into your Shopify store!

How to Add Google Analytics to Your Shopify Store?

Hire your Expert Shopify Developer
No credit card required.
Free Trial
Hire your Expert Shopify Developer
No credit card required.
Free Trial