FROM CACHE - jp_header
解決済

メタフィールド に「ふりがな」の項目を作り、会員登録画面からユーザーが入力して登録できるようにしたい

yuji2828
Shopify Partner
72 0 25

会員登録ページに「ふりなが」の入力項目をもうけ、入力された「ふりがな」の値をShopifyのメタフィールドに登録できるようにしたいと思っています。

Metafield Maneger
 を使って Customer に last_name_kana という名前のメタフィールドを作成しました。

その上で、customers/register.liquid に以下の input 要素を作りました。

 input type="text" name="customer[last_name_kana]" id="{{ formId }}-LastName-Kana" placeholder="やまだ"

しかし入力しても値は登録されません。そもそもShopifyのメタフィールドは管理画面からしか登録や編集はできないのでしょうか。

もしおわかりでしたらご回答いただけると助かります。よろしくお願いいたします。

1 件の受理された解決策

junichiokamura
Community Manager
1201 280 509

成功

MetaFieldsは、更新はAPIのみで可能です。参照は、APIとliquidで可能です。

お使いのアプリは内部でAPIを使って更新や表示をしていると思います。

ご提示の方法で設定できる項目はMetaFieldsとは別のもので、Liquidで実現するカスタム属性です。以下に詳細があります。
https://shopify.dev/tutorials/customize-theme-get-more-information-with-customer-registration-form

上記のやり方ですと、アプリなしで追加項目が管理画面の顧客管理の画面に表示されます。

Senior Partner Solutions Engineer

元の投稿で解決策を見る

8件の返信8

osada
観光客
5 0 2

質問者様の意図とあっているかわかりませんが、会員登録の追加項目については、こちらのサイトが参考になると思いますので、よければみてみてください。

https://medium.com/ecblog/shopify会員登録画面で独自の入力フィールドを設置する方法-b18cbf6f9c1d

yuji2828
Shopify Partner
72 0 25

ご返信いただきありがとうございます。

こちらのページは以前確認させていただき実際試してみました。しかしこの場合メモ欄にまとめて登録されてしまいます。

ユーザー側で登録した内容を確認できたり、修正できるようにしたいので 「姓(ふりがな)」と「名(ふりがな)」のメタフィールドをそれぞれ作り、ユーザー側で確認や編集ができるようにしたかったのです。

とりあえず以下のアプリで固有のメタフィールドに登録できるところまではできました。jsonで一つのメタフィールドに登録されてしまうのでちょっと期待してたのと違いますが。。。

https://apps.shopify.com/customr?locale=ja

もう少し触って試してみたいと思います。ご案内いただきありがとうございました。

michael-helium
Shopify Expert
366 5 180

Hello @yuji2828 - as you discovered, many merchants from Japan use the Customer Fields app to collect the "furigana" input from customers. We have updated our metafield settings so you can save individual metafields instead of bundled JSON. You can update your store's metafield settings here (once logged in): https://app.customerfields.com/settings/metafields

Image 2023-05-15 at 11.22.01 AM.png

Michael, COO @ Helium
- Customer Fields ✪✪✪✪✪ (346 reviews)
- Meteor Mega Menu ✪✪✪✪✪ (265 reviews)
junichiokamura
Community Manager
1201 280 509

 Shopify Plus限定になってしまうのですが、最近ですと、Checkout UI Extensisonsを使って、チェックアウト中の配送先入力画面の氏名の上などにフリガナなどの入力項目を追加して、Metafieldsに入れることも可能です。
https://shopify.dev/docs/api/checkout-ui-extensions

 

Senior Partner Solutions Engineer
yuji2828
Shopify Partner
72 0 25

ご案内いただきありがとうございます。

確認してみます。

yuji2828
Shopify Partner
72 0 25

Thank you for your help.
That’s a grate news!
I’ll give it a try.

junichiokamura
Community Manager
1201 280 509

成功

MetaFieldsは、更新はAPIのみで可能です。参照は、APIとliquidで可能です。

お使いのアプリは内部でAPIを使って更新や表示をしていると思います。

ご提示の方法で設定できる項目はMetaFieldsとは別のもので、Liquidで実現するカスタム属性です。以下に詳細があります。
https://shopify.dev/tutorials/customize-theme-get-more-information-with-customer-registration-form

上記のやり方ですと、アプリなしで追加項目が管理画面の顧客管理の画面に表示されます。

Senior Partner Solutions Engineer
yuji2828
Shopify Partner
72 0 25

ありがとうございます。

いただいた方法は以前試してみました。メモ欄にまとめて登録されてしまうので「登録」という意味では問題ありませんが、ユーザー側であとで確認や編集できるよう、「姓(ふりがな)」や「名(ふりがな)」のみが格納されるメタフィールドを作って、自由にページで表示したり、ユーザーのプロフィールページなどから編集できたりするような機能を作りたかったんですよ。

メタフィールドを前提にするとAPIでないとダメなんですね。色々アプリがあるので試してみたいと思います。

ありがとうございました。