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

(最終更新 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小技のフリーマーケット

Shopifyを運営する中で、「こんなことできないのか?」という疑問は尽きません。特に初心者にとっては、難しく感じるけれども、実はすぐに活用できる小技がたくさんあります。
当サイトでは、実際に試してみて有効だったShopifyの小技を、誰でも簡単に再利用できるよう提供しています。

少し高度なLiquidのテクニックやアプリを使わずに実装できる機能、そしてカスタマイズのヒントになるアイデアなど、さまざまな情報をご用意しています。

現在、出品者は私1人ですが、 これからさらに充実させていく予定です!もしもShopifyでの設定やカスタマイズで悩んでいる方がいれば、お気軽にお問い合わせください。

もっと知りたい

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

BLOG More

制作アイディア

2日前

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

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

制作アイディア

1週間前

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

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

制作アイディア

1週間前

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

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

アプリ

1週間前

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

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

SEO

3週間前

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

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

Liquid

4週間前

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

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

Liquid

1か月前

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

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

Liquid

1か月前

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

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

Js

2か月前

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

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

Js

2か月前

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

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

Js

3か月前

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

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

Js

3か月前

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

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

Liquid

3か月前

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

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

Liquid

3か月前

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

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

SEO

3か月前

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

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

SEO

3か月前

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

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

設定

3か月前

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

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

Liquid

4か月前

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

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

Liquid

4か月前

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

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

Liquid

4か月前

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

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

STORY

4か月前

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

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

Liquid

4か月前

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

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

STORY

4か月前

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

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

アプリ

4か月前

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

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

STORY

4か月前

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

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

SEO

4か月前

【ローカルSEO】AI時代「ラーメン屋」で検索上位のためのコツ&対策キーワード

ラーメンとチャーハンの欲張りセット、絶賛販売中!新宿駅から徒歩3分..

STORY

4か月前

中卒のシングルマザーが小惑星を発見!? スタンダードを破る成功者たち「ダークホース」

彼女は15歳で高校を中退し、高卒認定試験にも不合格。いわゆる「成功のレール」からは大きく外れた人生を歩んでいました。..

STORY

4か月前

新たな挑戦をするほどタバコや酒、スマホの依存が強くなる理由「悪循環の消防士たち」とは

この消防士たち、なんと「中毒」や「依存」という形で、僕たちを無理やり落ち着かせようとする。..

Liquid

4か月前

【Shopify Liquid】商品ページ「バリエーションの在庫ステータス」その仕組みについて

ブロックを複数箇所に設置しても、動的操作ができるのは1箇所のみという制限があります。..

設定

5か月前

【備忘録】Shopify通知・メルマガ 外部ドメインのメールアドレス認証 (CNAME、DMARC)

自分の備忘録として認証方法の具体的な手順を紹介したいと思います。..