Shopify tabel shortcode op een pagina: Us vs Them in de rich text

`/pages/waarom-wij` heeft een verhaal, drie foto’s, en middenin moet de Us vs Them-tabel staan. Customize op die pagina toont geen *Add block* in de rich-textsectie. De productpagina wél — daar ligt het Size chart-block. Hier niet.

Shopify tabel shortcode op pagina is die uitzondering: `[oo-table id=…]` in de body van een Shopify-page of blog, niet in de productbeschrijving. De docs Shortcodes (optional) noemen expliciet *blog posts or pages where app blocks are awkward* en custom page builders.

We schreven de algemene shortcode al op 4 oktober. Gisteren over specs via een metaobject. Dit stuk is alleen de page/blog: wanneer je de ID daar plakt, wat de embed moet doen, en waarom visibility-regels van de PDP hier niet meelopen.

De app is OO - Advanced Table Builder (Free, 5.0 uit 1 review). Handle `tables-specs-comparisons`. Docs zeggen soms nog Tables, Specs & Comparisons.

Een page is geen producttemplate

Shopify Help over pages is een template plus secties. Sommige thema’s geven app-blocks op `page.json`. Veel rich-text- of HTML-secties, en bijna alle blog-bodies, niet. Theme structure is leeg tot je een block sleept — of tot de embed een shortcode in de HTML tegenkomt.

Native Shopify heeft geen tabeltype. Een `<table>` in de page-HTML is copy. Geen Design-stap, geen locale-vertaling in Settings, geen metafield. Op mobiel knikt hij.

Wat native verder niet doet, plan of shortcode maakt niet uit:

• Specs auto-inject naast Add to cart. Specs = Product specs-block. Geen ATC-auto-inject.

• Compare-tray zonder app embed. Embed is verplicht voor shortcodes, tray/modal, Compare onder de prijs, size-chart auto boven ATC als er geen Size chart-block is.

Op `/products/hoodie` horen blocks of auto-placement. De shortcode-docs: *Prefer theme blocks or auto-placement for standard product templates*. Op `/pages/maattabel` mag de shortcode.

Wat shops op de page plakken tot het misgaat

De hele maat-HTML in de page én in vijftig producten

Eén cel wijzigen is drie plekken. De shortcode wijst naar één tabel-ID. Wijzig Structure, elke page/blog met díe ID volgt — mits embed aan en de tabel enabled.

Shortcode op de page, embed uit

Zonder app embed (Theme settings → App embeds → Tables, Specs & Comparisons) blijft `[oo-table id=…]` letterlijk in de tekst staan. Theme blocks alleen zijn niet genoeg voor shortcodes.

Visibility “alleen dit product” en dan de page

Shortcodes zijn *one-off placements that are not tied to product visibility rules*. Een maattabel die in Settings alleen bij product X hoort, kan op `/pages/maattabel` tóch renderen als je de ID daar plakt. Wil je de page voor iedereen, zet visibility in Settings ruim — of accepteer dat de page de ID toont ongeacht de PDP-regel. Check live, gok niet.

ID verzinnen vóór de eerste Save

De shortcode komt uit de Settings-stap ná Save. Zonder echt ID geen render. Kopieer de string, plak hem in de HTML of rich text van de page/blog, niet in een liquid-comment.

Hoe de page-shortcode wél werkt

1. Tabel bouwen (Structure → Design → Settings). Types: size chart, specs, comparison, tabbed, Us vs Them. Voor een merkenpage is Us vs Them of tabbed logischer dan specs van “het huidige product” — op een page is er geen huidig product. Specs-modules die van het product lezen blijven leeg of zinloos. Kies een tabel die op zichzelf staat: Us vs Them, tabbed content, of een size chart die niet van de variant afhangt.

2. Enabled voor de storefront. Kopieer `[oo-table id=…]`.

3. Embed aan, thema opslaan.

4. Page of blog: in de HTML-/rich-textsectie de shortcode op de plek in het verhaal. Geen extra app-block nodig op die template.

5. Preview als klant. Mobiel. Tweede locale: vertaal customer-facing strings in Settings → translations (titels, labels, trigger, empty-state). De shortcode zelf vertaal je niet; de tabelinhoud wel.

AI-draft mag (beschrijving of screenshot, max 4 MB). Daarna modules nalopen. Listing: Free, werkt met AI / Excel / Google Sheets. Claim geen tweede plan.

Praktijk: `/pages/waarom-wij` plus een blog over stof

Shop “Wol & Lijn”. PDP heeft Size chart-block + auto Compare onder de prijs. De merkenpage heeft een vintage rich-textsectie. Us vs Them-tabel (feature-rijen, ja/nee, CTA naar collectie) krijgt een ID in Settings. Shortcode midden in de page, na de tweede kop. Embed stond al aan voor de tray. Live: tabel in het verhaal, geen tweede Customize-rondje.

Een week later: blog *Welke merinowol past bij jou?* Dezelfde tabbed tabel (onderhoud, warmte, jeuk) via dezelfde shortcode in de blog-body. Eén ID, twee URL’s. Wijzig een rij in Structure, page én blog volgen.

Wat je níet doet: dezelfde ID in de productbeschrijving van de hoodie. Daar blijft het Size chart-block. Anders onderhoud je twee plaatsingen voor dezelfde PDP.

Aan de slag

1. Installeer OO - Advanced Table Builder.

2. Bouw een tabel die zonder “huidig product” klopt. Save, enable, kopieer de shortcode uit Settings.

3. Theme settings → App embeds → Tables, Specs & Comparisons → aan.

4. Plak `[oo-table id=…]` in de page- of blog-HTML, op de plek in de copy.

5. Controleer storefront + mobiel. PDP laat je op blocks.

Geen andere OO-app in dit verhaal. Concurrenten niet bij naam.

Tot slot

Shopify tabel shortcode op pagina is voor rich text en blogs waar Add block ontbreekt. Format `[oo-table id=…]`, embed aan, tabel enabled, ID uit Settings na Save. Geen vervanging van het Size chart-block op de productpagina. Geen Specs-auto-inject. Visibility van de PDP is geen page-regel — check de URL.

Plak de ID in OO - Advanced Table Builder op `/pages/…` of in een blog, en houd de hoodie op theme blocks.