このメタフィールドは、絞り込み検索もできれば、エクスポートもできますので、リピーターマーケティングに有効活用できます!
-本文中

(最終更新 2024年09月25日)

Shopify 会員登録アプリ「Helium Customer Fields」で生年月日と職業をメタフィールドへ格納

Shopify会員登録アプリ「Helium Customer Fields」で生年月日や職業など、顧客が登録した情報をメタフィールドに自動格納する方法について紹介します。

前の記事 会員登録とプロフィールセルフ修正アプリなら「Helium Customer Fields」設置方法を解説 で、Shopify会員登録アプリ「Helium Customer Fields」のメリットや設置方法などについて解説しました。

今回は、「Helium Customer Fields」で顧客が登録した情報をメタフィールドに自動格納する方法について紹介します。

活用シーン

顧客に会員登録をしたもらう際に、氏名、メール、電話番号といった顧客情報管理や配送に必要最低限の情報の他に、

・生年月日
・職業
・好きなカラー
・好きなブランド
・購入目的

など、様々な情報収集する事により、商品のプロモーションやメールの内容をパーソナライズなど、いわば「リピーターマーケティング」に活用できます。

しかし、これらを登録できるフォームを自作し、登録したデータをShopify Flowなどを使ってメタフィールドに格納する事は、少々複雑な作業になります。

(参考記事)Shopify 会員登録フォーム > 生年月日 > 回答(値)をメタフィールドに追加

その代案としてオススメするアプリが「Helium Customer Fields」。簡単にフォームの作成ができ、顧客が入力した値が顧客ページのメタフィールドに簡単に格納されます。

前提

「Helium Customer Fields」は有料アプリですが、メタフィールドへデータを格納する機能は「PRO」プラン以上でなければ、利用できません。

この「PROプラン」は月額26USDと、2024年9月現在の為替レートだと4000円程度。小希望でストアを運営する個人、企業にとってはちょっと負担になる金額ですね。

設定方法

まず、基本的なフォーム設置方法をおさえておきましょう。設置方法については前出の会員登録とプロフィールセルフ修正アプリなら「Helium Customer Fields」設置方法を解説でご確認ください。

フォームビルダー画面にある左メニューにメモ帳のアイコンをクリックすると「Custom input fields」と、ドラッグアンドドロップで設置が可能な様々なフィールドが表示されます。

では、生年月日を例に作成方法をご紹介します。

①「Custom input fields」から「Date」を選択し、ドラッグアンドドロップでフォームに組み込む

②各項目を記入

・Field label:フィールドのタイトル。

・Description:フィールド下に表示されるディスクリプション。収集目的や注意事項などを記入(記入しなくてもOK)

・Default:デフォルトで表示される年月日

・Lock Value:デフォルト表示の値を修正できないようにする

③「DATA COLUMN」で、値が格納されるメタフィールドのネームスペースとキー、データタイプ(date)を確認(※詳細は後述)

④「Column width」で表示幅を設定

⑥「Input options」入力オプション(カレンダーピッカーか、年月日それそれドロップダウンか)を選択

⑦「Years Back」と「Years Forward」は、今年を基準に過去、未来の選択可能な幅を設定する項目です。

⑧「Date format」は、年月日の表示フォーマット

⑨「Validation」必須項目ならばチェック。

⑩必須項目なのに登録しなかった場合に表示される「Error message」を記入。例えば「必須です」など。

DATA COLUMN

簡単にいうと、顧客が登録した生年月日の値を、顧客ページのメタフィールドに格納するのが、この「DATA COLUMN」です。

顧客が登録フォームのフィールドに、生年月日や職業などを入力したら、Shopifyの顧客メタフィールドに自動格納される仕組みです。

このメタフィールドは、絞り込み検索もできれば、エクスポートもできますので、リピーターマーケティングに有効活用できます!

では、フォームのフィールドにリンクさせるメタフィールドの設定方法から。

①管理画面の左メニュー>「Data columns」をクリック

②右上の「Add data colums」をクリック

③ネームスペースとキーを自由に設定し、データタイプを選択

④「Save」を押すと完了

次は、メタフィールドをフォームにリンクさせる方法。

①作成中のフォームに戻る

②リンクさせるフィールドを選択し「Advanced」タブを押す

③すでに作っておいたネームスペースとキーを選択

もちろん、「Data columns」で予めメタフィールドを作っておく必要はなく、「Advanced」画面で「Create a new column」を選択すると、新しいメタフィールドの作成も可能です。

最後に「Helium Customer Fields」で作ったメタフィールドが、Shopifyストアにちゃんと反映されているかを確認します。

Shopify管理画面>設定>カスタムデータ>顧客を順にクリックして、登録されているメタフィールドリストの中で、「Helium Customer Fields」で作ったメタフィールドが入っているか確認します。

以上、「Helium Customer Fields」で生年月日や職業など、顧客が登録した情報をメタフィールドに自動格納する方法について解説しました。

初めまして。運営者ホリと申します。

当ブログは「Shopifyを一緒に悩んで楽しむ仲間」に向けて情報を発信するブログです。

ここで扱うテーマは、構築やカスタマイズにとどまらず、SEOマーケティングやロジスティクスといった運営全般に広がります。

中でも最も重要視するのは、Shopifyを使った構築や運営に携わる中で「大掛かりな開発と投資に頼らなくても目的を達成できる工夫」。

確かな知識と経験を土台にしながら、日々の学びを記事にまとめて、同じように試行錯誤している方々とシェアしています。 日々の実践から得た知見を記事にまとめることで、Shopifyを使う仲間たちの小さなヒントや発想のきっかけになればうれしいです。

「ちょっと聞いてみたい」「これで大丈夫?」といった気軽な相談も大歓迎です。 Shopifyを通じて一緒に試行錯誤しながら、学び合える場として、このサイトを活用していただければ幸いです。

このブログと運営者について

お問い合わせ

BLOG More

設定

1週間前

【Shopify豆知識】テーマレイアウトをカスタマイズしたい?なら「grid-template」を知っておくべき

「スマホではロゴを左側に、PCではロゴを中央に」といった調整も、「grid-template」の設定次第で柔軟に実現できます。..

Liquid

4週間前

【Shopify小技】PC版に左のサイドバーを設置!まず「theme.liquid」の構造を知ろう

もし「type」を設定しなかったり、誤って設定したりしてしまうと、Shopifyはそのセクションをどの領域に表示すべきか判断できません。..

設定

1か月前

【Shopify小技】商品ページごとのFAQをメタオブジェクトで実装してみた

実際には「ピックアップ可能な店舗情報」や「割れやすい商品の配送注意点」など、商品ごとに異なる補足情報‥..

Liquid

1か月前

【Shopify Liquid】テーマで実際使用される「render」の引数と渡り値 その役割を解説

それぞれの変数の意味を押さえておけば、ある程度は読み解くことができると思います。..

アプリ

1か月前

【Shopifyアプリ】シンプル&レスポンシブ!直感的に使えるカレンダー「The Shop Calendar」でイベント・営業日を表示

The Shop Calendarは、カレンダー形式・一覧形式に加え、現在(2025年9月時点)β版としてアコーディオン形式にも対応しています。..

アプリ

2か月前

写真ギャラリーが複数作成できる!Shopify無料アプリ「GA Image Gallery」

ただし、「Advanced Setup」の方は動画を見ても最初はすんなり理解しづらいかもしれません。..

SEO

2か月前

【Shopify豆知識】だからSEOに強いのか!構造化データ(JSON-LD)について解説

しかし実際には、検索結果やGoogleショッピングにおいて、価格や在庫、バリエーション情報を正しく表示するための大事な役割を担っています。..

Liquid

2か月前

【Shopify豆知識】スキーマ設定(JSON)「t:」から始まる文字列とは‥実は変数パスではない?

Shopifyは「"t:"」以下のパスをたどって "label" の値(ここでは「クマさんのお顔」)を取得し、テーマエディタ上で表示します。..

Liquid

3か月前

【Shopify Liquid】スニペットファイルを呼び出す「render」引数と渡り値とは?

この仕組みによって、スニペットは渡されたデータに基づき、表示ロジックに沿って商品画像や商品名、価格などを表示できるようになります。..

制作アイディア

3か月前

Shopify構築をフリーランスへ代行依頼する手順(1~6)と選ぶポイント

私自身の体験としておすすめしたいのが「電話対応ができるフリーランス」を選ぶことです。..

Liquid

3か月前

【Shopify Liquid】オブジェクトの絞り込みに用いる「where」フィルタとは

たとえば、「販売元(vendor)」が「Nintendo」の商品だけを抽出したい場合は、以下のように書きます。..

制作アイディア

3か月前

Shopify構築をフリーランスへ依頼するメリットは費用だけではない!課題点も紹介

その「必死さ」や「ファイティングスピリット」は、柔軟かつ誠実な対応として依頼主にとって大きな安心材料となることも..

制作アイディア

3か月前

【リアルレポート】Shopify構築をフリーランスに依頼する際の相場と費用内訳

ECストアは今や単なる販売ツールではなく、実店舗と同じ、あるいはそれ以上に重要性と存在感を持つものとなっています。..

Js

3か月前

Shopifyにおける「カート追加」の仕組みを理解する!form送信 vs fetch API活用

fetch APIに用いられる「/cart/add.js」は、form送信の「/cart/add」と同様、「仮想的なエンドポイント」になります。..

Js

4か月前

【JavaScript】Shopify「cart.js」を読み解くための「Webコンポーネントメソッド」一覧

商品数や金額といった情報は、HTMLの「data-attribute」を使って要素ごとに管理されており、JavaScript側でそれを読み取って処理‥..

Js

4か月前

Shopifyのカスタマイズに役立つJavaScript「配列メゾット」11選を初心者向けに解説

「2005年新着!夏の水着一覧」という配列があるとします。最安値順に並び替えたいとき、「.sort()」というメソッドを使えば‥..

Js

4か月前

ShopifyではLiquidがあるのになぜJavaScriptが多用されるの?

その理由を一言で言えば、「Liquidは表示前、JavaScriptは表示後に働くから」です。..

Liquid

4か月前

Shopify 関連やおすすめ商品リストが自動生成「recommendations」活用・応用シーン

しかしカートページには、そもそも表示中の商品が存在しないため、このレコメンドの仕組みが機能しないのです。..

Liquid

4か月前

【Shopify Liquid】関連商品・おすすめ商品作成に用いられるオブジェクト「recommendations」について

このオブジェクトは、顧客の行動やストア内でのさまざまなデータを基に、自動的に関連商品を選出します。..

SEO

5か月前

Google、AIモードの導入を発表!収益減少が懸念される中、最も有力なマネタイズとは

このホテル、評価高いし、割引ついてるよ。数ステップで簡単に予約できるけど、今やる?..

SEO

5か月前

AI時代のSEOはオワコン?その真実と「違います」と言える4つの理由

たとえば「近くのコンビニを教えて」といったシンプルな質問に、毎回AIが複雑な推論や自然言語生成をしていたら、とんでもないコストになります。..

設定

5か月前

【Shopify豆知識】ヘッドレス(Headless)ってなに?

少し不気味で怪談を連想させるような響きですが、実際にはShopifyのメリットとして注目されている仕組みのひとつです。..

Liquid

5か月前

【Shopify小技】商品の「カートに追加」の仕組みをシンプルに解説(サンプルコード))

この仕組みにはLiquidだけでなく、JavaScriptやAjax、さらにはサーバー側で動くRubyなど、複数の技術が関わっている..

Liquid

5か月前

カートのノーティフィケーションやドロワーで1注文での同時購入を防ぐ方法は可能?

ノーティフィケーション(画面上部に一瞬表示される通知型カート)については、やや難易度が高めです。..

Liquid

5か月前

【Shopify Liquid】カート内で1つの注文に同時購入を防ぐシンプルな方法

ここで使われているのが、Liquidでよく用いられる「フラグ(真偽)」という考え方です。..

STORY

5か月前

なぜ鳥の巣はあんなに頑丈なのか?成功における「うまくいかない瞬間」の重要性

鳥の巣の初期段階のように、私たちの挑戦も、最初は失敗と不安定の連続です。..

Liquid

5か月前

【Shopify Liquid】商品ページの「オプション」を色か画像にしたい

そもそもShopifyの商品オプションに画像や色を登録できるのか?..

STORY

5か月前

現代言語哲学の巨人が教えてくれた「失敗する人の口癖」とは

あの時もし、あの会社に転職していたら・・..

アプリ

5か月前

【Shopifyアプリ】商品ページから簡単に見積もりを送信!履歴から下書き注文作成も可能

旅行会社、工事や建築、リフォーム業、OEM制作、ノベルティ制作、レンタル業なども十分対応できる‥..

STORY

6か月前

40代・50代にとって新たな挑戦が「苦痛」である理由・・私が救われたニーチェの言葉

苦しみがあるからこそ、深みが生まれる。..