アカウント登録画面に入力項目を追加してメタフィールドに登録する方法のチュートリアル

アカウント登録画面に「ふりがな」や「生年月日」等の入力項目を追加して、カスタマーメタフィールドに登録するカスタマイズ方法！

Shopifyは海外発のECプラットフォームなので、日本のECサイトには当たり前のように存在する機能がなかったりします。

中でも「ふりがな」は日本だけの文化なので、通話オペレーティングなどが必要なショップにとっては必要不可欠。

ふりがなを登録する方法は主に「カスタマーノートを使う方法」と「アプリを使う方法」の2種類あっていずれも簡単に実装できますが、それぞれデメリットもあります。

1. カスタマーノート

入力フォームのname属性に「customer[note][◯◯◯]」と入れれば、アカウント登録時にカスタマーノートに情報が登録されます。
基本的にはそれで良いですが、アカウントページに出力できなかったり、出荷系APIとの連携がうまくいかなかったりと難点もあります。

2. アプリ

登録画面をカスタマイズできるアプリを使えば、項目でも追加できメタフィールドにも登録できるのでとても便利です。
ただ海外製のものがほとんどで、サブスク料金がかかったり、日本の住所自動入力に対応できなかったりと難点もあります。

ここでご紹介するのは、カスタマーノートとShopify公式アプリ「Shopify flow」を使って、追加項目をメタフィールドに登録する方法です。