It renders only on articles that actually have a comparison, so you add the block to the template once and it stays quiet on every other post. On a page where the block is placed, it takes the place of the built-in body table: the durable table stays in the page's HTML as a crawlable fallback and is simply hidden from view, while the branded block shows instead. Remove the block and the built-in table reappears on its own. It emits no structured data of its own. The article body already owns the page's JSON-LD, so there is one source of truth and nothing can duplicate or disagree. The optional heading, badge, and label text are editable per block in the theme editor.

Show the branded comparison table with the app block

Every published comparison page shows its table automatically on any theme. The optional Comparison table app block adds a branded, responsive version.

When you publish a comparison from the Reach hub, the full comparison table is written into the article body. It is plain, semantic HTML, so it renders on any theme with nothing to set up, stays crawlable for search engines and AI agents, and survives even if the app is later removed. This is the durable base: a comparison page is valuable the moment it publishes.

The optional Comparison table app block is a polish layer on top. It reads the same comparison data and renders a branded, fully responsive version (sticky-friendly columns, a per-product 'Our pick' badge, and a card layout on narrow screens). Both come from one source, so they can never show different facts.

Nothing visible is ever injected into your theme automatically. The block is opt-in: it appears only where you place it in the theme editor, inherits your theme's fonts and colors, and is removed the same way you added it.

Add the block to your blog post template

In Shopify admin, go to Online Store → Themes and click Customize on your live theme.
Use the page selector at the top to open a Blog post template.
In the left sidebar, click Add block in the section where you want the table (below the article content is typical).
Under Apps, choose Comparison table (AgentReady).
Position it and Save.

How it behaves

It renders only on articles that actually have a comparison, so you add the block to the template once and it stays quiet on every other post.
On a page where the block is placed, it takes the place of the built-in body table: the durable table stays in the page's HTML as a crawlable fallback and is simply hidden from view, while the branded block shows instead. Remove the block and the built-in table reappears on its own.
It emits no structured data of its own. The article body already owns the page's JSON-LD, so there is one source of truth and nothing can duplicate or disagree.
The optional heading, badge, and label text are editable per block in the theme editor.

Tip · The block reads a per-article comparison field, so a fresh publish (or re-publish) is what fills it. If a placed block renders nothing on a comparison article, re-publish that comparison from the Reach hub and check again.

Was this helpful?

Still need a hand?

Can't find what you're looking for? We read every message and usually reply the same day.

Contact support

Show the branded comparison table with the app block

Add the block to your blog post template

How it behaves

Related

Still need a hand?