Shopifyでストアを構築していると、「標準の項目だけでは足りないな」と感じる場面はありませんか?
例えば、食品なら「賞味期限」や「アレルギー情報」、アパレルなら「モデルの身長」や「洗濯時の注意点」など、商品によって載せたい情報はさまざまです。
これらをすべて「説明」欄に詰め込んでしまうと、見た目がバラバラになったり、後からデザインを整えるのが大変になったりしますよね。
そんな時に大活躍するのが「メタフィールド」です。
結論:メタフィールドとは「情報の入れ物」を増やす機能
ズバリ、メタフィールドを一言でいうとShopifyの標準機能にはない、自分専用の入力項目を追加できる機能です。 タイトルや本文以外に、ストア特有の項目を追加したいときに使用します。
これまではコードをガリガリ書かないと表示できませんでしたが、今はShopifyの「ストアカスタマイズ画面(ノーコード)」から、ポチポチ選ぶだけで誰でも簡単に表示できるようになっています。
デザイナーにとっても、クライアントワークで「ここだけ独自の項目を出したい」という要望にスマートに応えられる強力な武器になります。
どういう時に使う?具体的な3つの活用例
「使い道がいまいちピンとこない」という方のために、よくある活用シーンを3つ挙げてみました。
1. 商品のスペック表を作成する
内容量、素材、原産国、保存方法など、項目が決まっている情報を整理して出すのに最適です。 メタフィールドを使えば、全商品でデザインが統一された綺麗なスペック表が作れます。
2. アイコン付きの補足情報を出す
「送料無料」「翌日発送」「オーガニック」といった情報をアイコン付きで出したい時も、メタフィールドに「真偽値(YES/NO)」を持たせて出し分けることができます。
3. PDFマニュアルやサイズ表へのリンク
商品ごとに異なるPDFファイルや画像をアップロードして、ボタン一つでダウンロードできるように設定することも可能です。
実装手順:設定から表示までの3ステップ
使い方は驚くほどシンプルです。 慣れれば5分ほどで設定が完了します。
STEP 1:定義を作成する
管理画面の「設定」>「カスタムデータ」から、情報を入れたい対象(商品など)を選び、「定義を追加する」を押します。 ここで「名前(例:素材)」と「タイプ(例:単一行のテキスト)」を決定します。
STEP 2:値を入力する
商品管理画面の一番下までスクロールすると、先ほど作成した項目(素材)が現れています。 そこに、その商品の具体的な情報(例:綿100%)を入力して保存します。
STEP 3:テーマエディタで表示する
「オンラインストア」>「カスタマイズ」を開き、商品ページのデザイン画面へ。 テキストブロックなどを追加し、右側にある「動的ソースを接続」アイコン(小さな円が重なったマーク)から、作成したメタフィールドを選択すれば完了です!
まとめ:管理しやすく、拡張性の高いストアへ
メタフィールドを使いこなせるようになると、アプリを無闇に増やさなくても、自由度の高いストア運営が可能になります。
「説明欄をぐちゃぐちゃにしたくない」「もっとリッチな商品詳細ページを作りたい」と思ったら、まずはメタフィールドで項目を整理することから始めてみてください。
運用のしやすさが格段に上がり、クライアントや購入者にとっても優しいストアになるはずです!