Shop・Google・Facebookログインと会員登録フォームを併用する設定

複数のログイン方法から会員登録フォームへ進む流れ

結論: Shopでのログイン、GoogleログインやFacebookログインを有効にしたストアでも、Howdyの会員登録フォームは併用できます。会員登録フォームの表示タイミングを「ログイン後」に設定し、新規会員判断の基準を顧客タグに切り替えると、認証方法にかかわらず未登録のお客様にだけフォームを表示できます。

この記事の要点

  • Shopでのログイン・ソーシャルログイン(Google・Facebook)は、Shopify管理画面の「設定」→「お客様アカウント」の「お客様アカウントの追加設定」で有効にする
  • Howdyの会員登録フォームは表示タイミングを「ログイン後」にすると、認証方法を問わずログイン完了後に表示できる
  • 新規会員判断の基準を顧客タグに変更すると、氏名欄の入力有無ではなく、フォーム送信済みかどうかで表示・非表示を切り替えられる
  • 顧客タグでの判定は、既存のお客様からも会員登録フォームの情報を取得したい場合にも使える

Shop・Google・Facebookログインを有効にする設定はどこにありますか?

Shopify管理画面の「設定」→「お客様アカウント」にある「お客様アカウントの追加設定」で、ソーシャルログイン(Google・Facebookでのログイン)とShopでのログインを有効にできます。

出典: Shopifyヘルプ「お客様アカウントの設定と管理」

Shopでログインしたお客様にもHowdyの会員登録フォームを表示できますか?

表示できます。ストア上のログイン/新規会員登録ボタンを選ぶとShopifyのログイン画面に遷移し、「Continue with shop」からShopアカウントでログインできます。未登録のお客様にはこのあとに会員登録フォームが表示され、登録済みのお客様はフォームなしで進みます。Howdy側では、会員登録フォームの表示タイミングを「ログイン後」に設定すると、Shopアカウントでの認証が終わった画面で会員登録フォームが表示されます。

出典: Howdyヘルプ「SHOPアカウントログインと併用する方法」

表示タイミングの「ログイン前」と「ログイン後」はどう違いますか?

「ログイン前」は、メールアドレスの入力の直後、ログインが完了する前に会員登録フォームを表示する設定です。従来のお客様アカウントに近い流れになります。「ログイン後」は、ログインが完了したあとに会員登録フォームを表示する設定で、Shop・Google・Facebookなどの新しいログイン方法と組み合わせるときに使います。設定はアプリ管理画面の一般設定から変更します。

出典: Howdyヘルプ「新規会員登録フォームの表示タイミング」

一度登録したお客様に、次回以降もフォームが表示されてしまいませんか?

初期設定では、メールアドレス入力後に顧客情報の氏名欄への入力があるかどうかで新規・既存を判定し、氏名の入力があれば会員登録フォームを表示しません。Shop・Google・Facebookログインでは、認証元から氏名が渡されて氏名欄に自動で入る場合があり、この判定のままだと会員登録フォームが表示されず、情報を取得し損ねることがあります。

新規会員判断の基準を「顧客タグ」に切り替えると、氏名欄の状態に関係なく、フォーム送信済みかどうかで表示・非表示を分けられます。設定は次の通りです。

  1. 新規会員判断の基準に「顧客タグ」を選ぶ
  2. 表示条件に「顧客タグ『member』を含まない場合に会員登録フォームを表示」を指定する
  3. 会員登録完了タグに「member」を設定する

この設定にすると、タグのない新規のお客様にはフォームが表示され、入力完了時に「member」タグが付与されます。すでに「member」タグを持つお客様には、認証方法を問わずフォームが表示されません。新規のお客様と既存のお客様の両方から、会員登録フォームの項目を取得できます。

出典: Howdyヘルプ「新規会員判定を使用して、既存の顧客にもログインフォームを出す方法」

関連記事

よくある質問

Q. Shopでログインしたお客様にもHowdyの会員登録フォームを表示できますか?A. 表示できます。会員登録フォームの表示タイミングを「ログイン後」に設定すると、Shopアカウントでのログイン完了後に会員登録フォームが表示されます。
Q. 一度登録したお客様に、次回以降もフォームを表示してしまいませんか?A. 表示条件を顧客タグにし、フォーム送信完了時に付与するタグを新規会員判断の基準に指定すると、タグを持つお客様にはフォームが表示されなくなります。
Q. GoogleログインやFacebookログインの有効化はどこで行いますか?A. Shopify管理画面の「設定」→「お客様アカウント」にある「お客様アカウントの追加設定」から、ソーシャルログインを有効にします。
Q. 氏名欄の入力有無で判定する初期設定のままでもよいですか?A. 動作はしますが、Shop・Google・Facebookログインでは認証元から氏名が渡されて氏名欄に自動で入る場合があり、既存のお客様と誤認識されることがあります。顧客タグでの判定に切り替えると防げます。

Howdyは14日間無料で試せます

Shop・Google・Facebookのログインと会員登録フォームの併用は、Howdyの管理画面から設定できます。顧客メタフィールドの作成、会員登録フォームの項目設定、プロフィールページのブロック配置は、専任チームが無料で代行します。

Shopify App StoreでHowdyを14日間無料で試す