Size Chart Widget for Website. No-code - Poper
Size Chart Widget

Show size details on any product page.

Embed a configurable size chart with a cm/in toggle, custom measurement columns, and a measurement image where the selected layout supports it.

No credit card required
14-day free trial
Cancel anytime

Built for no-code website teams

Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Available on Poper plans

Try the live size chart

Live demo, not a screenshot. Edit the columns, switch units, embed it. What you see here is what ships to your product pages.

Before and after Poper

See the widget live on a real page.

Here is the widget embedded on a real page layout, before and after. Style it to match your brand, then copy one snippet to go live.

app.poper.ai
Poper size chart builder showing an editable measurement table with Size, Chest, Waist, Length, and Sleeve columns, size rows from XS to XXL, a measurement diagram, and the cm/in unit toggle enabledBefore
Poper size chart builder showing an editable measurement table with Size, Chest, Waist, Length, and Sleeve columns, size rows from XS to XXL, a measurement diagram, and the cm/in unit toggle enabled
everline.com/products/linen-dress
Everline ecommerce product page for the Linen Slip Dress in muted sage and cream with size XS/S/M/L/XL picker, Add-to-Cart button, and the Poper size chart opened from a Size Guide buttonPoper widget live
Everline ecommerce product page for the Linen Slip Dress in muted sage and cream with size XS/S/M/L/XL picker, Add-to-Cart button, and the Poper size chart opened from a Size Guide button

Mockups for illustration. Style the widget to match your site and embed in 90 seconds.

How to use it

How to add a size chart to your website

Add measurement rows, choose a layout, and embed where your Poper snippet is supported.

  1. 01

    Build your size chart data

    Set the table columns you need (Size, Chest, Waist, Length, or anything else), then add a row for each size. Edit any cell inline. The default chart starts as a four-size apparel table you can reshape in seconds.

    Poper size chart builder showing an editable measurement table with Size, Chest, Waist, Length columns, four size rows, the inches/cm default-unit control, and a warm rose Connect button
  2. 02

    Set the unit toggle, image, and disclaimer

    Turn on the cm/in toggle so shoppers can switch numeric measurement cells between units, attach a measurement-guide image when the selected layout renders it, and write a fit-disclaimer note.

    Size chart layout picker showing the four display layouts (Modal, Sidebar, Modal split, Cards) plus brand color, font, and unit-toggle controls
  3. 03

    Copy the snippet and embed

    Paste the Poper embed snippet into your site. Works anywhere your Poper embed snippet is supported.

    One-line embed script tag for the Poper size chart widget shown in a code editor with a warm rose Copy button and Shopify, WooCommerce, BigCommerce, Wix, Squarespace platform badges

Works everywhere

Works with every website platform you already use

Drop-in install on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML-friendly stack. No build step, no developer needed.

WordPress
Shopify
Wix
Squarespace
Webflow
Framer
Ghost
HTML

Plus 250+ other platforms via the embed snippet. If your site can render a <script> tag, it can render the Size Chart Widget: Size Chart with a Smart Size Guide.

What you get with Poper Size Chart

Six things that matter when you are paying for a size chart widget, not 30 features no one uses.

Give shoppers a clearer size guide

A clear size chart helps shoppers compare measurements before they choose a size. Add custom columns, a cm/in toggle, and an optional measurement image so the guide is easier to read than a static JPG.

Fully custom measurement columns

You define every column. Start from the default Size, Chest, Waist, Length table and reshape it for tops, bottoms, dresses, shoes, or accessories. Add or remove columns and rows and type any measurement value.

Cm and in toggle

Turn on the unit toggle and one click flips every cell between centimeters and inches.

Measurement diagram on supported layouts

Attach a measurement-guide image and a fit-disclaimer note when the selected layout uses it.

4 display layouts, opened from a button

A Size Guide trigger button opens the chart in the layout you pick: a centered modal, a slide-in sidebar, a modal with a split image panel, or a card grid. Switch the layout any time through the normal publish flow.

Designed for small screens

A wide measurement table on a 375px phone is unreadable. The card layout turns each size into its own card with measurement label and value pairs, so shoppers get the data without a tiny horizontal-scrolling table or pinch-zoom.

Use cases

Where Size Chart Widget: Size Chart with a Smart Size Guide actually moves the needle

Four buyer types who get the most lift from embedding Size Chart Widget: Size Chart with a Smart Size Guide on their site.

Fashion brand size chart for the Northstar Apparel Linen Slip Dress with chest, waist, hip, length, EU rows across XS, S, M, L, XL columns

Fashion + apparel brands

Tops, bottoms, dresses, outerwear. A clear chest, waist, and length chart helps shoppers compare the measurements that matter for the product.

Shoe brand silhouette next to a women's footwear size table showing foot length in cm and inches alongside US, EU, and UK size columns

Shoe brands

Build a footwear chart with your own columns: foot length in cm and inches alongside US, EU, and UK size columns. Custom columns mean international shoppers see the size standard they recognize.

Kids apparel size chart with 2 yr through 12 yr columns and height, weight, chest, waist rows

Kids apparel

Age-based sizing 2-12 yr with height, weight, chest, and waist rows. A clear chart gives parents one place to compare the numbers before choosing a size.

Sportswear athletic-fit sizing chart with size, chest, stretch range, and waist columns for XS to XL

Sportswear + activewear

Athletic-fit sizing with chest, waist, and stretch-range columns. A clear chart with the right measurements helps shoppers buy the fit they actually want.

Poper vs other size chart widgets

Most size chart widgets give you one display style and little design control. Here is how the popular ones compare.

 Recommended
Poper
Elfsight Size Chart
Common Ninja Size Chart
Shopify Size Chart App
Poper workspace available
Modal, Sidebar, Split, and Card layouts
Modal only
Modal only
Modal only
Cm and in unit toggle
Fully custom measurement columns
Limited
Table layouts render table markup
Partial
Partial
Mobile card layout for narrow screens
Limited
Limited
Limited
How-to-measure image on supported layouts
Available color and font controls
Paid only
Paid only
Limited
Updates use the normal publish flow
Starter price (billed yearly)
Plan details vary
Vendor pricing varies
Vendor pricing varies
Vendor pricing varies
Bundled with popups, forms, quizzes, more widgets

Comparison reflects external competitor positioning. Verify current details on each provider's site.

Implementation-focused setup notes.

Apparel, footwear, and intimates brands using Poper for readable size guides.

Readable size guide
Swapping the old JPG chart for Poper's interactive size chart with the cm/in toggle gave shoppers a chart they could actually read.
Sarah Mitchell
Sarah Mitchell
Head of Ecommerce · Studio Everline
One configured chart can include multiple unit labels
We sell shoes worldwide, so we built a footwear chart with foot length in both cm and inches plus US, EU, and UK columns. Custom columns meant every market saw the size standard they recognize.
James Wilson
James Wilson
Operations Director · Northshore Footwear
Designed for small screens
The card layout was the win for us. Our old image chart was unreadable on a phone, and most of our traffic is mobile. Now each size is its own card and shoppers stop guessing.
Maria Garcia
Maria Garcia
Ecommerce Manager · Wellness Studio

Pricing

Simple, yearly pricing. Save up to 40%.

All plans are billed yearly. Each card shows the per-month equivalent. Start free, then upgrade only when you need more campaigns, websites, or AI credits.

Yearly billing · save up to 40%

Starter

Essential lead capture for solo creators and growing businesses.

$15/mo

billed $180/year

  • 5 active campaigns (5 widget instances)
  • 1 website, 1,000 leads/mo
  • 100+ templates, 10+ display formats
  • Smart triggers & basic analytics
  • No Poper branding
  • 500 AI credits
Start with Starter
Most popular

Pro

Full engagement suite with A/B testing, gamification & unlimited leads.

$29/mo

billed $348/year

  • Everything in Starter
  • Unlimited campaigns & leads
  • 10 websites, 5 team seats
  • A/B testing & gamification
  • Multi-step forms & quiz builder
  • Custom domain (CNAME), 2,000 AI credits
Start with Pro

Business

Unlimited everything with white-label, API access & advanced analytics.

$79/mo

billed $948/year

  • Everything in Pro
  • Unlimited websites & team seats
  • White-label (add-on) & API access
  • Logic jumps, live quizzes & polls
  • Payment forms (Stripe/PayPal)
  • Advanced analytics, 5,000 AI credits
Start with Business

Prices shown for the 50k monthly visitor tier on yearly billing. A Free Forever plan ($0) and a custom Enterprise plan are also available. No contracts, cancel anytime.

Guide · 2 min read

The complete guide to size charts for ecommerce product pages

Size and fit questions are common on apparel, footwear, and accessory product pages. The fix is not a generic chart pasted as a JPG. It is a readable size chart embedded directly on the product page, with a unit toggle, an optional measurement image, and a layout that reads on a phone. This guide walks through what actually matters when you choose and configure a size chart widget in 2026: choosing the right measurement columns, the cm versus inch toggle, the mobile UX of wide tables, and where fit-recommendation tools fit in.

01

Why size clarity matters on product pages

A return is not just shipping cost: it can include restocking labor, payment-processing fees, depreciation of returned items, and customer-support time. A size chart cannot guarantee lower returns, but it can answer one common source of hesitation: which measurements correspond to each size. Put the chart close to the size selector and make it easy to open before the shopper chooses.

02

Choosing the right measurement columns for your category

A size chart is only useful if it shows the measurements that decide fit for your product. Tops often need chest, waist, and length. Bottoms often need waist, hip, inseam, and rise. Footwear is about foot length far more than a size number. The mistake many brands make is reusing one generic table across very different product categories. Decide the columns per category and put the measurement the shopper will actually take with a tape before the abstract size label. The Poper widget gives you editable columns, so you can build charts with category-specific measurement rows.

03

The centimeter versus inch toggle is not optional

Apparel ecommerce is global, and your visitors do not all measure in the same unit. A chart printed only in one unit forces some shoppers to do mental math. The fix is a unit toggle in the chart header that converts numeric measurement cells in one click. The Poper size chart includes this toggle: enable it, set the chart's default unit, and visitors can flip to the unit they think in. Size labels are left untouched.

04

The mobile UX problem with wide measurement tables

An apparel size chart often has 5-8 columns: size, chest, waist, hip, length, sleeve, shoulder. On a desktop browser this fits comfortably. On a 375px phone, it does not. The two failed approaches you see most often: horizontal scroll inside a tiny container (visitors cannot tell which column they are looking at), or shrinking the text until it is unreadable. The better approach is to turn each table row into its own card on narrow screens, where the card shows measurement label and value pairs stacked vertically. This pattern, originally documented by Heydon Pickering and refined by Filament Group, preserves the data relationships and stays legible. The Poper widget ships a card layout built for exactly this, so the chart reads on a phone without a tiny horizontal-scrolling table.

05

Fit-recommendation tools versus a size chart

Fit-recommendation tools and body-measurement products can be useful for larger apparel programs, but they are a different category from a size chart. They often require extra data, integrations, and commercial evaluation. For many stores, the first step is still a clear interactive size chart on product pages: editable columns, a unit toggle, an optional measurement image, and a mobile-friendly layout.

Quick reference

What is Size Chart Widget: Size Chart with a Smart Size Guide?

A size chart widget is an embeddable script that displays a size guide on a product page as an HTML table with the measurement columns you choose, a centimeter and inch unit toggle, and a measurement-guide image where the selected layout supports it. A Size Guide button opens it in a modal, sidebar, split panel, or card layout.

Key facts

  • A clear interactive size chart helps shoppers compare measurements before choosing a size
  • Apparel ecommerce is global, so a centimeter and inch unit toggle removes the mental math that makes shoppers hesitate at checkout
  • The measurement columns that decide fit differ by category, so tops, bottoms, and footwear each need their own chart
  • Wide multi-column tables are unreadable on phones, so a card layout that stacks each size into its own card is the better mobile pattern
  • An interactive size chart on the product page helps answer size questions before checkout

Last fact-checked: . We re-verify every quarter.

Tutorial

See the Size Chart Widget in action

A quick walkthrough of setting up and embedding this widget.

Tutorial video coming soon

Frequently asked questions

Can't find the answer you're looking for? Chat with our support team.

Contact Support

Give shoppers a better size guide

Give shoppers a readable chart with unit controls.

Free plan available forever