Shopify maattabel: popup of inline naast de maatkiezer

Op desktop klikt niemand op “Maattabel”. Op de telefoon duwt een twaalf-koloms raster de koopknop onder de vouw. Allebei faalt de centimeter-hulp — niet omdat de maten fout zijn, maar omdat de schil fout is. Shopify maattabel popup of inline is die keuze in Design: trigger + overlay, of de grid in de template. Eén Size chart, twee manieren om hem naast de variantkiezer te zetten.

We zoomden eerder in op overlay-chrome en op waar de tabel op de productpagina hoort. Gisteren over shortcodes — die horen niet op de standaard-PDP. Hier blijft de afweging bij de Size-selector: wanneer de popup converteert, wanneer inline wint.

Listing-naam: OO - Advanced Table Builder. Docs zeggen soms Tables, Specs & Comparisons. CTA: https://apps.shopify.com/tables-specs-comparisons.

De kiezer is S/M/L. De beslissing is centimeters.

Adding variants: max drie options, 2048 variants. Size is XS–XL, geen borstomvang 92–96. Shoppers die wél centimeters nodig hebben, zoeken die *naast* de kiezer, vóór Add to cart. Een HTML-tabel onder reviews is te laat. Een PDF in het menu ook.

App blocks plaatsen een blok. Jij kiest of dat blok een knop is of de tabel zelf. Docs noemen dat Display mode: popup versus plain (inline in de pagina). Structure (rijen, centimeters, eventueel een meetplaatje) blijft staan als je de modus wisselt. Je typt de grid niet twee keer.

Op mobiel is de trade-off harder. Inline op een brede jeans-tabel = scroll voorbij Buy. Popup met een trigger in thema-blauw op mint, onder de vouw = niemand opent hem.

Wat shops nu vastzetten tot de retouren blijven

Altijd inline “zodat het in beeld is”

Op een babypakje met vier rijen prima. Op een jeans met EU 32–44 en twee pasvormen als aparte table-blocks: de knop zakt. Bounce, of de verkeerde variant “voor de zekerheid”.

Altijd popup “want webshops doen dat”

Als de trigger “Size guide” in het Engels blijft op een NL-store, of naast een tweede app-knop valt, telt de overlay als onzichtbaar. Retouren blijven, de grid was wel goed.

Comparison-modal als maattabel

Comparison heeft tray en modal via de app embed, plus Add to compare. Ander type. Size-chart-chrome is popup of plain op het Size chart-type. Mix ze niet.

Specs-block “want het is ook een tabel”

Specs hebben geen auto-inject naast Add to cart. Alleen het Product specs-block. Een maattabel daar stoppen is het verkeerde type.

Geen van die routes: één Size chart, Display mode omzetten, Size chart-block (of auto-placement) naast de kiezer, trigger vertalen.

Zelfde centimeters, andere schil

OO - Advanced Table Builder is Free, 5.0 uit 1 review. Listing: size charts, specs, compare, tabbed, Us vs Them; visuele builder of AI-draft; metafields; vertalingen. Comparison-tools noemen Pop-ups; display options Floating chart. Voor Size charts specificeren de docs Display mode.

Size charts: Display mode, trigger, kleuren. Design settings overview: chrome per type; Size charts = popup vs plain, trigger, table colors. Refine Design (beschrijving, screenshot, of URL voor merkkleuren) laat Structure met rust.

Popup naast de selector

Kies popup als de grid breed is, of als je Buy buttons hoog wilt houden. Zet het Size chart-block dicht bij prijs en kiezer. Visibility volgt Settings, geen table-ID in dit block (ID-picker is voor Tabbed en Us vs Them). Trigger kort: “Maattabel”. Vertaal die string in Settings → translations per locale.

Inline (plain) als de knop wordt overgeslagen

Kies plain als tests tonen dat niemand de overlay opent, of als de tabel klein is en zélf de beslissingsinfo is (weinig rijen, één pasvorm). De grid staat in de template. Op mobiel: check of Add to cart nog boven de vouw zit. Zo niet, terug naar popup of de tabel smaller maken in Structure — niet een tweede app.

Block versus auto-placement

Auto-placement: app embed aan, geen Size chart-block op de producttemplate → enabled Size charts die matchen kunnen boven Add to cart renderen. Dat vangnet geldt voor het type, of de modus nu popup of plain is. Met een block wint het block: jij kiest de plek, Display mode kiest de schil.

Enable the app embed: zonder embed geen auto-placement. Enable + visibility: uitgeschakelde tabel toont geen trigger en geen grid.

Shortcode `[oo-table id=…]` is voor pages zonder block, niet als vervanging van deze keuze op Default product.

Praktijk: jeans popup, matras inline

Jeans, EU 32–44, twee table-blocks (regular / slim). Display mode popup, trigger “Maattabel”. Size chart-block onder de prijs, boven Add to cart, naast Size. Private window, telefoonbreedte: trigger zichtbaar vóór de knop; overlay toont beide blocks. Duits market: trigger vertalen, centimeters laten staan.

Matras, drie hardheden als variant, maattabel vier rijen (70×200 tot 180×200). Shoppers slaan overlays over; de centimeters *zijn* de keuze. Display mode plain. Zelfde block-plek. Op mobiel: vier rijen blijven boven de vouw. Geen vergelijkings-tray.

Beide tabellen: Enable, visibility op de juiste collectie. Embed aan. Geen Specs-block als maattabel.

Aan de slag

1. Installeer OO - Advanced Table Builder (gratis).

2. Size chart in Structure (of AI-draft, daarna centimeters nalopen). Enable + productregels.

3. Design: Display mode popup of plain. Trigger vertalen.

4. Theme editor: Size chart-block bij de kiezer, of embed aan en auto-placement waar het block ontbreekt.

5. Test desktop én telefoon: opent de overlay, blijft Add to cart bereikbaar, klopt de grid.

Tot slot

Shopify maattabel popup of inline is geen tweede tabel en geen shortcode-truc. Het is Display mode op dezelfde Size chart, gezet naast de maatkiezer. Popup beschermt de koopknop; inline beschermt shoppers die geen overlay aantikken. Native Shopify stopt bij drie options; centimeters horen in deze tabel, niet in een extra variant.

Zet de modus in OO - Advanced Table Builder en meet op je eigen PDP welke schil de retouren omlaag brengt.