Shopify vergelijkingstabel op de productpagina: knop of auto-inject

De shopper staat op Mini. Pro en Max liggen één klik verder. Zonder knop op díé pagina begint vergelijken nooit. Shopify vergelijkingstabel productpagina is die plek: Add to compare naast de prijs, tray onderaan, modal met kolommen — niet een statische HTML-tabel op een page “Vergelijk onze lijn”.

Het vergelijkingstype zelf (rijen, metafields, tray) staat in Shopify product comparison table. De collectiekaart in producten vergelijken op collectie. Hier blijft de productpagina: Compare button-block versus auto-inject onder de prijs, en waarom de app embed de tray draait. CTA: OO - Advanced Table Builder. Docs zeggen soms nog Tables, Specs & Comparisons.

Pitch geen andere Online Origins-app. Specs injecteren niet naast Add to cart.

Een PDP is één product, geen raster

Shopify Help Product pages is de template voor één SKU-familie. Prijs, galerij, Add to cart. Wat ontbreekt: de shopper vinkt Mini aan, gaat naar Pro, vinkt Pro aan, opent één tabel.

Wat shops wél zetten:

• een metafield “vergelijk met” als platte tekst;

• een page-link “zie de hele lijn” die de PDP verlaat;

• een HTML-tabel in de beschrijving die stilstaat als wattage wijzigt.

Theme app blocks lossen de *plek* op. Iemand moet nog het Comparison-type bouwen, Enable zetten, en kiezen: handmatige knop of inject. Zonder embed geen tray, ook niet als de knop visueel naast de prijs staat.

Wat merchants op de productpagina proberen

Alleen een collectie-knop, PDP laten zoals hij is. De shopper landt vanuit Google op Mini. Er is geen Add to compare. De tray blijft leeg.

Specs-block verwachten als vergelijkingsknop. Auto-placement rules: Specs gebruiken alleen het Product specs-block. Geen ATC-auto-inject. Claim dat niet. Live productvelden in Specs staan in specs live productvelden.

Us vs Them op de PDP “wij versus de markt”. Ander type: feature-rijen yes/no/text, gekozen in het block via table-ID. Geen live multi-product picker.

Shortcode in de beschrijving zonder embed. Shortcodes `[oo-table id=...]` hebben de embed nodig, plus een enabled tabel (shortcode-artikel).

Geen van die routes is: Comparison enabled, app embed aan, daarna of het Compare-block op de product-template of auto-inject onder de prijs.

Twee plekken op dezelfde PDP

OO - Advanced Table Builder is Free. Listing: 5.0 (1 review). Gelanceerd 17 september 2026. UI Engels. Works with: AI, Excel, Google Sheets. Listing noemt comparison tables, pop-ups, multi-product, place tables on products, pages, or anywhere else.

Bouw eerst de tabel (Quick start): Create table → type Comparison (of Generate with AI, screenshot max 4 MB). Structure: rijen uit Shopify-modules en metafields. Na AI: Weight/Price/opties als Shopify-modules, geen vastgetypte custom attributes. Settings: Enable. Visibility: All products of Selected products only — selected-product rules gelden op product pages (Enable, visibility, and products). Disabled tables renderen nergens, ook niet na inject.

Compare button-block

Place tables with theme blocks: Compare button = “optional manual Compare placement”. Pad:

1. Online Store → Themes → Customize.

2. Template Products → Default product (of je product-template).

3. Add block in de sectie bij prijs / buy buttons.

4. Apps → Compare button → Save.

Aanbevolen in die docs: Size chart of Specs nábij prijs en buy — dezelfde logica voor de vergelijkingsknop: shoppers zien hem terwijl ze beslissen. Het block is visibility-based voor Size chart en Specs; Compare is de handmatige knop.

Auto-inject onder de prijs

Comparison placement options in Settings:

• Auto-inject under price — als je het Compare button-theme block niet gebruikt, plaats Add to compare onder de prijs via de app embed.

• Show on product cards — ook op collection-/product-card grids *where supported*. Dat is het collectie-artikel, niet deze PDP.

Auto-placement rules voor Comparison: ontbreekt het Compare button-block, dan kan elke vergelijkingstabel kiezen om Add to compare onder de prijs te injecteren. Tray en modal komen nog steeds uit de app embed.

Kies één primaire knop op de PDP. Block én inject tegelijk geeft twee knoppen op dezelfde pagina. Dat is zelden wat je wilt. Collectiekaarten blijven een aparte Settings-optie.

Embed is geen extraatje

Zonder app embed geen runtime. De knop kan in de theme-editor staan; de tray opent niet. Zet de embed aan vóór je over block versus inject ruzie maakt.

Size charts kunnen boven Add to cart als het Size chart-block ontbreekt — ander type, andere regel. Tabbed en Us vs Them altijd via hun block (specifiek table-ID) of shortcode. Gooi die regels niet op één hoop met Comparison.

Klantgerichte strings (knoptekst, empty-state, modal) vertaal je per locale in Settings → translations. Listing: fully translate all table text. Dat is geen tweede tabel.

Voorbeeld: drie espressomachines, knop onder de prijs

Mini, Pro, Max. Eén Comparison-tabel, rijen: wattage, bar, waterreservoir, Weight-module, prijs. Enable, visibility Selected products: die drie handles.

Geen Compare-block op de product-template. Settings: Auto-inject under price aan. App embed aan. Show on product cards uit tot de collectie later komt.

Test Mini: knop onder de prijs, tray, voeg Pro toe vanaf diens PDP, open de modal. Twee kolommen, live velden. Geen tweede knop in de description. Geen Specs-block dat je voor Compare aanziet.

Theme-update: het inject-punt blijft “onder de prijs” via de embed, niet een Liquid-snippet die sneuvelt. Wil je de knop tussen galerij en buy? Dan wél het Compare-block, auto-inject uit.

Aan de slag

1. Installeer OO - Advanced Table Builder (Free, 5.0 uit 1 review).

2. Create table, type Comparison, Enable. Visibility op de producten die je wilt vergelijken.

3. App embed aan. Zonder embed geen tray/modal.

4. PDP: óf Customize → Default product → Compare button-block óf Settings → Auto-inject under price. Niet allebei als primaire knop.

5. Klaar met de PDP, dan pas Show on product cards voor de collectie.

6. Vertalingen voor knoptekst. Test op mobiel: knop zichtbaar, modal bruikbaar.

Tot slot

Shopify vergelijkingstabel productpagina is een knop op de PDP plus een tray die de embed draait. Handmatig block als je de exacte plek wilt. Auto-inject onder de prijs als het block ontbreekt. Specs doen dat inject niet.

Zet de knop via OO - Advanced Table Builder. Daarna vergelijkt de shopper op Mini, niet in vijf tabs.