アカウントページのカスタマイズについて

日本語 ディスカッション 技術的なQ＆A
, ,
1

はじめまして。

現在、顧客のログイン後に表示されるアカウントページに「複数行の入力項目（TextArea）」と「保存」ボタンを設けて登録できるようにし、そこで登録された内容をショップの管理者が顧客管理の画面で見えるようにしたいと考えています。

Liquidで、アカウントページに「複数行の入力項目（TextArea）」と「保存」ボタンを設置することは出来るのですが、どのようにして保存させればよいかがわかりません。

※例えば下記のような感じで登録できればとは考えているのですが、方法が間違っているため登録できません。

<form method="post" action="/account">
  <textarea name="customer[metafields][custom.hogehoge]">{{ customer.metafields.custom.hogehoge }}</textarea>
  <button type="submit">保存</button>
</form>

※入力された内容の保存先は顧客情報の「メモ欄」でも「カスタムメタフィールド」でもOKです。

実現方法を探したのですが見つけることができず、方法などがまとめられているサイトなどでも良いので教えていただけると幸いです。

出来る限りShopifyアプリを使用せずに標準の機能だけで実現できればと考えているのですが、そもそも実現可能かどうかも不明であるため、他に方法がない場合はShopifyアプリを使った方法も検討したいと思います。

2

@Anonymous_af5b51ee1372469dc31098756098e104 様

ご質問いただいている、アカウントページで入力できるフィールドを用意し顧客情報を変更したい件ですが、

Shopifyのテーマ（Liquid）だけでは、フロントエンドから直接会員の情報を更新することはできないかと思われます。
顧客情報の更新はShopify Admin API（またはGraphQL Admin API）を経由する必要があるため、
フロントエンドで入力フォームを用意しても、その情報を安全に受け取るバックエンド処理が必須となります。

APIの処理を作成いただけない場合は、カスタムフィールドを編集できるアプリを利用して対応することが多いです。

アプリ例）
Helium Customer Fields
https://apps.shopify.com/customr?locale=ja

Customer Account Fields
https://apps.shopify.com/customer-account-fields?locale=ja

Amplius Customer Fields
https://apps.shopify.com/amplius?locale=ja

それぞれ無料期間がありますので、設定しご確認いただければと思います。

ご参考まで。
（キュー小坂）

3

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

やはりLiquidだけでは直接会員の情報を更新することはできないですか・・・

APIでの対応はバックエンドのサーバを準備する必要があり難易度が高いですので

教えていただきましたShopifyアプリの利用を検討してみたいと思います。