Shopifyでストアを構築していると、「標準の項目だけでは足りないな」と感じる場面はありませんか?

例えば、食品なら「賞味期限」や「アレルギー情報」、アパレルなら「モデルの身長」や「洗濯時の注意点」など、商品によって載せたい情報はさまざまです。

これらをすべて「説明」欄に詰め込んでしまうと、見た目がバラバラになったり、後からデザインを整えるのが大変になったりしますよね。

そんな時に大活躍するのが「メタフィールド」です。


結論:メタフィールドとは「情報の入れ物」を増やす機能

ズバリ、メタフィールドを一言でいうとShopifyの標準機能にはない、自分専用の入力項目を追加できる機能です。 タイトルや本文以外に、ストア特有の項目を追加したいときに使用します。

これまではコードをガリガリ書かないと表示できませんでしたが、今はShopifyの「ストアカスタマイズ画面(ノーコード)」から、ポチポチ選ぶだけで誰でも簡単に表示できるようになっています。

デザイナーにとっても、クライアントワークで「ここだけ独自の項目を出したい」という要望にスマートに応えられる強力な武器になります。


どういう時に使う?具体的な3つの活用例

「使い道がいまいちピンとこない」という方のために、よくある活用シーンを3つ挙げてみました。

1. 商品のスペック表を作成する

内容量、素材、原産国、保存方法など、項目が決まっている情報を整理して出すのに最適です。 メタフィールドを使えば、全商品でデザインが統一された綺麗なスペック表が作れます。

2. アイコン付きの補足情報を出す

「送料無料」「翌日発送」「オーガニック」といった情報をアイコン付きで出したい時も、メタフィールドに「真偽値(YES/NO)」を持たせて出し分けることができます。

3. PDFマニュアルやサイズ表へのリンク

商品ごとに異なるPDFファイルや画像をアップロードして、ボタン一つでダウンロードできるように設定することも可能です。


実装手順:設定から表示までの3ステップ

使い方は驚くほどシンプルです。 慣れれば5分ほどで設定が完了します。

STEP 1:定義を作成する

管理画面の「設定」>「カスタムデータ」から、情報を入れたい対象(商品など)を選び、「定義を追加する」を押します。 ここで「名前(例:素材)」と「タイプ(例:単一行のテキスト)」を決定します。

STEP 2:値を入力する

商品管理画面の一番下までスクロールすると、先ほど作成した項目(素材)が現れています。 そこに、その商品の具体的な情報(例:綿100%)を入力して保存します。

STEP 3:テーマエディタで表示する

「オンラインストア」>「カスタマイズ」を開き、商品ページのデザイン画面へ。 テキストブロックなどを追加し、右側にある「動的ソースを接続」アイコン(小さな円が重なったマーク)から、作成したメタフィールドを選択すれば完了です!


まとめ:管理しやすく、拡張性の高いストアへ

メタフィールドを使いこなせるようになると、アプリを無闇に増やさなくても、自由度の高いストア運営が可能になります。

「説明欄をぐちゃぐちゃにしたくない」「もっとリッチな商品詳細ページを作りたい」と思ったら、まずはメタフィールドで項目を整理することから始めてみてください。

運用のしやすさが格段に上がり、クライアントや購入者にとっても優しいストアになるはずです!