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

Topic summary

顧客がログイン後のアカウントページで複数行テキストエリアに情報を入力・保存し、その内容をショップ管理者が顧客管理画面で確認できる機能の実装方法についての質問です。

質問者の試み:

  • Liquidでフォームとテキストエリア、保存ボタンを設置
  • 顧客のメタフィールドまたはメモ欄への保存を希望
  • 標準機能のみでの実装を希望

回答内容:

  • Liquidのみでは実現不可: フロントエンドから直接顧客情報を更新することはできない
  • 顧客情報の更新にはShopify Admin API(またはGraphQL Admin API)経由が必須
  • バックエンド処理が必要となるため、APIを自作できない場合はアプリ利用が推奨される

推奨アプリ(無料期間あり):

  • Helium Customer Fields
  • Customer Account Fields
  • Amplius Customer Fields

質問者はバックエンドサーバの準備が難しいため、提案されたShopifyアプリの利用を検討することで解決する方向となりました。

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

はじめまして。

現在、顧客のログイン後に表示されるアカウントページに「複数行の入力項目(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アプリを使った方法も検討したいと思います。

@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

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

ご参考まで。
(キュー小坂)

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

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

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

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