# 会員ページ（マイページ）でのメールアドレス変更について

**URL:** <https://community.shopify.com/t/topic/30621>\
**Category:** 技術的なQ＆A\
**Created:** [January 6, 2021, 6:07am UTC](https://community.shopify.com/t/topic/30621 "2021-01-06T06:07:22Z")\
**Posts on this page:** 8\
**Page:** 1

## AI-generated summary

顧客が会員ページ（マイページ）で自らメールアドレスを変更する方法についての質問と解決策の議論。

**現状の制約:**
- Shopifyのテーマ標準機能では、会員情報として変更可能なのは住所のみ
- メールアドレス変更には、Storefront APIを使った独自開発が必要（バックエンドにPrivate appとApp proxyが必要）

**提案された解決策:**
1. 新規会員ページに遷移させて別アカウントとして作り直す
2. Storefront APIを使って会員編集画面を自作する
3. 専用アプリ「忍者apps:メールアドレス変更」を利用（コーディング不要でマイページにリンク追加可能）

**関連する課題:**
- 会員登録時のtypoによる誤ったメールアドレス登録を防ぐため、メールアドレス確認ステップの実装方法も議論
- JavaScriptとApp proxy経由でSMTP送信による確認メール機能の実装が提案された

**実績:**
専用アプリ導入企業では、1ヶ月半で1000人のユーザーがメールアドレス変更を実施し、顧客対応時間の削減に成功。

<div class="post-metadata">

**Author:** ![t-art-web](https://avatars.discourse-cdn.com/v4/letter/t/b9e5f3/32.png) [@t-art-web](https://community.shopify.com/u/t-art-web)\
**Post date:** [January 6, 2021, 6:07am UTC](https://community.shopify.com/t/topic/30621/1 "2021-01-06T06:07:22Z")

</div>

いつもお世話になっております。

会員ページ（マイページ）にて顧客自らが登録メールアドレスを変更したい場合はどのようにしたら宜しいでしょうか？

[https://apps.shopify.com/customr?surface\_detail=custom+fileds&surface\_inter\_position=1&surface\_intra\_position=17&surface\_type=search](https://apps.shopify.com/customr?surface_detail=custom+fileds&surface_inter_position=1&surface_intra_position=17&surface_type=search)

こちらのアプリを試してみたのですが、こちらのアプリはそういう機能が備わっているのでしょうか。

使用テーマはwarehouseなので

[http://help.heliumdev.com/en/articles/4132038](http://help.heliumdev.com/en/articles/4132038)

を参考にしましたが設定のところでつまづいてしまい断念してしまいました。

もっと簡単な方法があればご教授頂ければ幸いです。

宜しくお願い致します。

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [January 12, 2021, 6:13pm UTC](https://community.shopify.com/t/topic/30621/2 "2021-01-12T18:13:44Z")

</div>

テーマの機能で会員情報として変更可能(formとして提供されている）のは、住所の登録、変更のみですので、

[https://shopify.dev/docs/themes/theme-templates/customers-addresses-liquid](https://shopify.dev/docs/themes/theme-templates/customers-addresses-liquid)

メールの変更は、新規会員のページに遷移させて別アカウントとして作り直してもらうか、以下のStorefront APIを使って、会員編集画面を自作する方法になるかと思います。（後者の場合、バックエンドにPrivate appとAPI呼び出すサーバーが必要で、App proxyを使ってテーマからアクセスするような開発が必要です）。

[https://shopify.dev/docs/storefront-api/reference/customers/customerupdateinput](https://shopify.dev/docs/storefront-api/reference/customers/customerupdateinput)

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [January 12, 2021, 6:18pm UTC](https://community.shopify.com/t/topic/30621/3 "2021-01-12T18:18:32Z")

</div>

formについては、以下もご参照ください。

[https://shopify.dev/docs/themes/liquid/reference/tags/theme-tags#form](https://shopify.dev/docs/themes/liquid/reference/tags/theme-tags#form)

[https://www.shopify.jp/blog/partner-liquid-form](https://www.shopify.jp/blog/partner-liquid-form)

---

<div class="post-metadata">

**Author:** ![t-art-web](https://avatars.discourse-cdn.com/v4/letter/t/b9e5f3/32.png) [@t-art-web](https://community.shopify.com/u/t-art-web)\
**Post date:** [January 13, 2021, 1:48pm UTC](https://community.shopify.com/t/topic/30621/4 "2021-01-13T13:48:02Z")

</div>

ありがとうございます。

Liquid初心者の自分にとっては難しそうですね。

メールアドレスが変更できるようなアプリがあればいいのですが。。

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

---

<div class="post-metadata">

**Author:** ![YasutakaNishii](https://avatars.discourse-cdn.com/v4/letter/y/e68b1a/32.png) [@YasutakaNishii](https://community.shopify.com/u/YasutakaNishii)\
**Post date:** [December 13, 2021, 12:18pm UTC](https://community.shopify.com/t/topic/30621/5 "2021-12-13T12:18:38Z")

</div>

@junichiokamura

こちらの回答に関して私も質問がございます。

【前提】

会員登録してから物品購入をする

【背景】

1. 会員登録時にtypo 等で誤ったメールアドレスで登録した場合、ログインすらできないと思います。

2. または、会員登録→物品購入としたとき、typo 等で誤ったメールアドレスのまま購入することになり、購入メールが届かないことになると思います。

【質問】

これを防ぐためには、

メールアドレス確認の ステップ挟むの効果的だと思うのですが、これを実施する方法はあるのでしょうか？

ない場合は、以下の対応になるのでしょうか。

> 1. 会員登録時にtypo 等で誤ったメールアドレスで登録した場合、ログインすらできないと思います。

は管理者画面にて手動で変更

> 1. または、会員登録→物品購入としたとき、typo 等で誤ったメールアドレスのまま購入することになり、購入メールが届かないことになると思います。

ログインのセッションが続いている時は、Storefront API で会員情報編集は機能を追加すれば対応可能ですが、ログアウト後はやはり管理者画面にて手動変更

---

<div class="post-metadata">

**Author:** ![junichiokamura](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/junichiokamura/32/299737_2.png) [@junichiokamura](https://community.shopify.com/u/junichiokamura)\
**Post date:** [December 13, 2021, 1:05pm UTC](https://community.shopify.com/t/topic/30621/6 "2021-12-13T13:05:50Z")

</div>

以下のようなアプリがあるので、これを参考に回答しますと、  
[https://apps.shopify.com/email-marker-validation?locale=ja](https://apps.shopify.com/email-marker-validation?locale=ja)

会員登録のLiquid にJavaScriptなどで、メールアドレスチェックの処理を入れる。

例えば、メールアドレスを入力してロストフォーカスか、登録ボタンを押した時のイベントを自分のJavaScriptに飛ばして、画面で入力したアドレスをApp proxy経由で自分のアプリのサーバーに飛ばし、そこからテストでSMTP送信する。そこで送られた認証コードを会員登録のLiquidで入れさせるようにする。などです。

上記アプリも似たようなことをやっていそうです。

または、会員登録するとShopifyの方で確認メールを送るので、簡単に済ませるのであれば、登録ボタンを押した後にJavaScriptを使ってポップアップやテキストで「登録されたメールアドレスに確認メールを送信しました。メールをご確認ください。確認メールが届いていない場合は、間違ったメールアドレスや利用不可のメールアドレスを使われている可能性がありますので、ログアウトしてもう一度ご登録ください」

などの注意喚起をするだけでほとんどのミスは防げると思いますが、いかがでしょうか？

---

<div class="post-metadata">

**Author:** ![YasutakaNishii](https://avatars.discourse-cdn.com/v4/letter/y/e68b1a/32.png) [@YasutakaNishii](https://community.shopify.com/u/YasutakaNishii)\
**Post date:** [December 13, 2021, 9:06pm UTC](https://community.shopify.com/t/topic/30621/7 "2021-12-13T21:06:17Z")

</div>

ありがとうございます！

エンジニアとどの方法が良いか相談します。

---

<div class="post-metadata">

**Author:** ![\_apps](https://avatars.discourse-cdn.com/v4/letter/_/aca169/32.png) [@\_apps](https://community.shopify.com/u/_apps)\
**Post date:** [January 9, 2024, 10:09am UTC](https://community.shopify.com/t/topic/30621/8 "2024-01-09T10:09:24Z")

</div>

T-Art-Webさまと同じ課題を持ったことがきっかけで、

お客様自身で「メールアドレス変更」が可能なアプリを開発いたしました。

上記アプリを運営をしているものです。

コーディングなしで、マイページのアカウント情報に「メールアドレス変更」のリンクを追加することができますので、

ご検討ください。※タグコードも提供しているため、カスタマイズも可能です。

**アプリURL**

[**忍者apps：メールアドレス変更**](https://apps.shopify.com/emailchange?locale=ja&show_store_picker=1)

実際に導入いただいたショップ（顧客数30万人規模）では、アプリ導入から1ヶ月半で1000人ものユーザーがアドレス変更を行われました。

導入企業様からは、

今まで1件1件、手作業をしていた顧客対応の時間が削減され、他の業務に集中することができる、と大変喜んでいただいております。

既に問題解決済みかと思いますが、同じ課題を持たれる方にも共有できればと思い投稿しました。

 ![忍者apps：メールアドレス変更](https://canada1.discourse-cdn.com/shopifyforum/original/3X/2/f/2f60056bba0e8bb68b5d00eb3b8ce234878fa585.jpeg)
