How can I display metafields on non-product pages?

Technical Q&A

Topic summary

Goal: display custom data (metafields) on Shopify Pages (non‑product) to build tabs/accordions without a plugin, with per‑page editable fields.

Current limitation: Shopify’s metafield definitions do not yet support the Page resource.

Workarounds:

  • Create page metafields via a metafields app (accessible directly from the Page view in Shopify admin). Screenshots illustrate the admin navigation and app entry point.
  • Create/manage page metafields via the Shopify API (GraphQL or REST).

Implementation:

  • After creating the page metafields, add Liquid (Shopify’s theme templating language) code to the appropriate theme template to render those metafields on the storefront.
  • Managing page metafields is largely the same as for product metafields; the key difference is setup via app/API rather than definitions.

Key terms:

  • Metafields: custom fields attached to Shopify resources (e.g., products, pages) for storing structured data.
  • Liquid: templating language used in Shopify themes to output data.

Status: Clear guidance provided; no confirmation of execution or resolution from the original poster. Images are helpful for understanding the admin navigation and setup.

Summarized with AI on February 23. AI used: gpt-5.
1

Hello guys,

I want to add metafields in Pages, but not Product Pages. I noticed most plugins cover Product pages, but not regular pages. I want to create Tabs/Accordions on each page, but instead of adding a plugin - Ideally would like to add fields on the actual page for easy access and updates. I can code, just need direction/advice for the best way to do it.

2

Yep, the current version of metafield definitions doesn’t support pages :slightly_frowning_face:

1.png
1.png894Ă—552 20.3 KB

The good news is that you can create metafields for this resource type using a metafields app or via the Shopify API directly (either GraphQL or REST). By the way, in most cases you can navigate to the app directly from the page view in your Shopify admin panel

2.png
2.png1191Ă—719 68.2 KB

This little trick might save you some time while setting up the data. Other than that, managing metafields for pages is pretty much the same as managing product metafields. Once you add a Liquid code snippet to a proper template file of your theme and populate the metafields to be displayed on the storefront, you’re good to all set.

1 Like