Shopify-tabel zichtbaar maken: de app embed moet aan

De maattabel is gebouwd. Enable voor de storefront staat aan. Het Size chart-block zit op Default product. Toch: geen popup boven Add to cart, de vergelijkbak blijft leeg, `[oo-table id=…]` op de merkgids-pagina render’t niks. In de theme-editor ziet het block er goed uit. Op de live shop niet.

Shopify tabel app embed inschakelen is de schakelaar die naast het block hoort. Docs Enable the app embed: Online Store → Themes → Customize op het live thema → Theme settings → App embeds → Tables, Specs & Comparisons aan → Save.

Zonder die embed werken shortcodes, de comparison tray/modal, Compare onder de prijs, en size-chart auto-placement boven Add to cart niet. Alleen theme blocks zijn daar niet genoeg. Die zin staat letterlijk in de docs.

OO - Advanced Table Builder (docs zeggen soms nog Tables, Specs & Comparisons): size charts, specs, comparison, tabbed, Us vs Them. Free. 5.0 uit 1 review. Engels in de UI. CTA blijft deze listing.

Live op 22 oktober: groepen en modules in Structure. Zonder embed ziet de storefront een deel van die modules nooit — hoe netjes Structure ook is.

Block ≠ runtime

Theme app blocks plaatsen een tabel op een exacte plek: Size chart, Product specs, Compare button, Tabbed, Us vs Them. Place tables with theme blocks: Customize → template → Add block → Apps.

De embed is de runtime eronder. Docs: tray/modal, auto-Compare onder de prijs, size chart boven ATC als er geen Size chart-block is, en shortcodes `[oo-table id=YOUR_TABLE_ID]`.

Quick start, stap 5: enable de app embed, voeg het matching block toe of leun op auto-placement voor size charts / Compare, thema opslaan, storefront checken.

Belangrijk uit andere docs: Product specs hebben geen auto-inject bij Add to cart. Specs = theme block. Embed aanzetten tovert geen specstabel boven de knop. Size chart wél (als er geen block is). Compare wél (onder de prijs). Die asymmetrie niet door elkaar halen.

Enable per tabel (Settings: tabel aan voor de storefront) blijft nodig. Uit = geen render, ook mét embed en block. Twee schakelaars: Enable = mag deze tabel live, embed = mag de app op dit thema draaien.

Wat shops aanzetten tot de tray stil blijft

Alleen het block, embed uit (of op een unpublished theme)

Customize op een draft-theme, embed daar aan, live theme vergeten. De editor-preview liegt. Shoppers zitten op het gepubliceerde thema.

Shortcode op een page, embed uit

`[oo-table id=…]` is optioneel en vereist de embed plus een enabled tabel. Een page-template zonder block is precies het shortcode-pad. Zonder embed: leeg.

Compare-knop als block, embed uit

Handmatige Compare-plaatsing is een block. De tray/modal die opent is embed-runtime. Knop zonder bak.

Specs verwachten naast ATC “want size chart deed dat ook”

Docs: specs plaats je met het Product specs-block. Geen ATC-auto. Embed lost dat niet op. Zet het block bij prijs/buy, zoals de place-tables-pagina aanbeveelt.

Wat de embed wél dekt

Uit de enable-pagina, niet meer:

• Shortcodes.

• Comparison tray/modal-runtime.

• Automatische Compare onder de prijs.

• Size chart boven Add to cart als er geen Size chart-block is.

Listing: plaats tabellen op products, pages, of elders; theme blocks + embed + (optioneel) shortcode. Vertalingen van klantgerichte strings blijven Settings → translations per tabel. AI-draft, Excel, metafields: builder, niet embed.

Theme wisselen: How to install en What is included-achtige flow: embed opnieuw op het nieuwe live thema. Tabellen in de app blijven; de storefront-hook niet.

Praktijk: schoenen, popup-maattabel, compare op de collectie

Shop “Leest & Lest”. Size chart als popup. Compare op collectiekaarten. Merkverhaal-pagina met shortcode naar een Us vs Them.

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

2. Tabellen: Enable aan, visibility goed (alle of geselecteerde producten).

3. Live theme: Customize → Theme settings → App embeds → Tables, Specs & Comparisons → Save. Niet het unpublished duplicate.

4. Producttemplate: Size chart-block bij de buy-knop of bewust weglaten zodat auto-placement boven ATC valt. Collectie: Compare waar je kaarten wilt — tray komt van de embed.

5. Page “Waarom wij”: shortcode met het echte table-id, geen placeholder `YOUR_TABLE_ID`.

6. Privévenster op het live domein. Popup, tray, page. Theme-editor alleen is geen bewijs.

Mist de vergelijkknop daarna nog? Dat is een ander topic (collectiekaart, block, visibility). Eerst embed, anders debug je drie lagen tegelijk.

App embeds staan per thema. Een B2B-theme, een holiday-duplicate, een unpublished “backup”: elk heeft een eigen lijst. Zet de schakelaar op het thema dat Online store → Themes als current toont, niet op het bestand waar je toevallig Customize opende via een preview-link.

Shortcode-syntax is kieskeurig. `[oo-table id=abc123]` met het id uit de app, tabel Enable aan, embed aan. Spaties, een oud id van een verwijderde tabel, of een tabel die alleen op geselecteerde producten mag terwijl de page geen productcontext heeft: dan blijft de page leeg terwijl het product wél een block toont. Dat is visibility of context, pas ná de embed.

Tabbed en Us vs Them vragen in het theme-block wél een specifieke tabel. Size chart en specs gebruiken visibility-regels. Embed is voor allemaal dezelfde runtime. Eén keer aanzetten, niet per tabeltype een tweede embed zoeken.

Aan de slag

1. Open de listing.

2. Enable the app embed op het gepubliceerde thema, Save.

3. Enable per tabel in Settings. Daarna block of auto-placement of shortcode.

4. Specs: block, geen ATC-wonder.

5. Theme-publish: embed-check herhalen.

De Figma-mooie tabel in admin is Structure. De shopper ziet runtime. Runtime is de embed.

Tot slot

Shopify tabel app embed inschakelen is Theme settings → App embeds → Tables, Specs & Comparisons, op het live thema. Zonder embed geen shortcode, geen compare-tray, geen auto-maattabel boven ATC. Blocks alleen volstaan niet. Specs blijven een block.

Zet de embed aan via OO - Advanced Table Builder. Daarna pas het shortcode-mysterie oplossen.