カテゴリー
使い方
Howdy新規会員登録フォームアプリの使い方を説明します。
新規会員登録フォームの表示タイミング
会員登録フォームの表示タイミングを １．ログイン前：メールアドレス入力後に登録フォームへ遷移 ２．ログイン後：ログイン後に登録フォームへ遷移 の2種類からお選びいただけます。 ① ログイン前にフォーム表示 ログインが行われる前に会員登録フォームが表示される形式です。 『従来のお客様アカウント』により近いフローになっています。 ② ログイン後にフォーム表示 ログインが行われた後に会員登録フォームが表示される形式です。 『Shopifyの新基準』により近いフローになっています。 設定方法 アプリ管理画面の一般設定から、フローを変更することが可能です。 Go online to view this image
購入前に必ず会員情報を取得する方法
テーマにコード記載をすることで、購入前に必ず会員情報を取得する方法をお伝え致します。 ※コード編集が必要なため、エンジニア向けの記事になります。 ※ご担当のエンジニアがいない場合、弊社カスタマーサービスまでご連絡いただけましたら、弊社にて導入のサポートをすることが可能ですので、お問い合わせください。 Howdyカスタマーサービス：support@ec-penguin.com ①会員登録フォームをテーマに適用 まず最初に、会員フォームの設定を終了させてください。 オンラインストア→カスタマイズから、テーマのカスタマイズ画面に移動します。 アプリブロックを有効にしましょう。 そして、保存を押します。 ②コード編集の内容 チェックアウトページに移動するためのボタン、カートページの「ご購入手続きへ」ボタンや、テーマHorizonの右上にあるカートボタンを押した時に右側からでてくるカートドロワーの「ご購入手続きへ」ボタンに、（顧客ログインしていない場合の条件付けを行い）以下のclassをつけると、チェックアウトページへの遷移前にHowdy新規会員登録アプリを設置できるようになります。 これにより
非対応のテーマにHowdy新規会員登録アプリを設置する方法
2026年4月4日現在、Howdy新規会員登録アプリがアプリ上で選択できるテーマは「Dawn/Rise」「Horizon系」「Prestaige」の3つです。 ここでは、その他のテーマにHowdy新規会員登録アプリを設置する方法をお伝えします。 コード編集が必要なため、エンジニア向けの記事になります。 ※ご担当のエンジニアがいない場合、弊社カスタマーサービスまでご連絡いただけましたら、弊社にて導入のサポートをすることが可能ですので、お問い合わせください。 Howdyカスタマーサービス：support@ec-penguin.com ①会員登録フォームをテーマに適用 まず最初に、会員フォームの設定を終了させてください。 オンラインストア→カスタマイズから、テーマのカスタマイズ画面に移動します。 アプリブロックを有効にしましょう。 そして、保存を押します。 ②会員登録フォームの表示のタイミングを「ログイン前」に設定 コード編集したときの挙動を確認するため、会員登録フォームの表示タイミングを「ログイン前」に設定しましょう。 一般設定から、会員登録フォームの表示タイミング「ログイン前」を選択して
住所の自動入力設定方法
会員登録フォーム上で『住所自動入力』が利用できます。 ※日本の住所のみの対応となります。 アプリの「一般設定」から、「住所の自動入力」を「あり」に設定し、保存。 「郵便番号入力 → 住所が自動入力」が可能になります。
誕生日施策で誕生月の顧客タグを付ける方法
新規会員登録時にお客様の情報を取得する目的として、一番多いと思われるのが顧客情報をマーケティングに利用したいということかと思います。 そのマーケティング施策の中でもよくある施策が誕生日付きに誕生日のお客様に割引コードなどをプレゼントするなどの施策があります。 この施策をShopifyで実施するためには、お客様の情報を取得した際に、お客様それぞれに誕生日付きの顧客タグをつけておく方法を取られているストア様が多いかと思います。 今回こちらのドキュメントでは、Howdy新規会員登録フォームアプリでお客様の誕生日を日付で取った後に、 Shopify Flow を使い、取得した情報から誕生月の顧客タグをつける方法をご紹介します。 ①Howdy新規会員登録フォームアプリで誕生日情報を取得する ドキュメント「アプリの初期設定」を参考にして、新規会員登録フォームアプリで誕生日の情報を取得する設定をしてください。 設定する顧客メタフィールドは、ここでは以下の形にします。 ・名前：誕生日 ・ネームスペースとキー：custom.bd ・タイプ：整数（１つの値） ②Shopify Flowの設定 次に、Sho
会員登録ポップアップに文字を追加する方法
会員登録ポップアップに文字を追加してカスタマイズする
会員登録フォームの項目に文字数制限をつける方法
会員登録フォームに入力していただく項目に文字数制限をつけることが可能です。 文字数制限を付けられる場所は２つ ①フォームの項目が「Shopify項目（Shopifyで元々準備されている項目）」の「氏名」「電話番号」「郵便番号」「都道府県」「市町村」「番地・建物名」「部屋番号など」であること。 ②フォームの項目が「カスタム項目（メタフィールドで取得）」で、かつ、入力項目が「テキスト（１行）」「テキストエリア（複数行）」のであること。 それぞれの設定方法は以下。 ①Shopify項目の設定方法 アプリの「会員登録フォーム」から、「Shopify項目を追加」をクリック。 任意の項目を追加。ここでは「市町村」を追加。 項目（ここでは「市町村」）の編集マークをクリック。 文字数を制限するのチェックボックスにチェックを入れる。 文字数制限の最大文字数を半角数字で入力。 任意でエラーメッセージを入力。空欄の場合はデフォルトのメッセージが表示されます。 保存を押して終了。 ②カスタム項目の設定方法 アプリの「会員登録フォーム」から、「カスタム項目を追加」をクリック。 それぞれの入力を行い、入力タイプか
新規会員判定を使用して、既存の顧客にもログインフォームを出す方法
Howdy新規会員登録フォームアプリでは、新規登録する方が新規会員かどうかを判断して「新規会員登録フォーム」を出すか出さないかを決定します。 この判断方法として、デフォルトでは、メールアドレスの入力後にそのメールアドレスえ登録された顧客情報の「氏名」があるかを確認し、「氏名」に入力があれば顧客情報があると判断し「新規会員登録フォーム」を出さずにログインする流れとなっています。 もう一つの選択方法として、「顧客タグ」を判断基準として使用することができます。 ※ログイン前にフォームを設置する場合の判別タイミング「メールアドレスを入力した後に新規顧客か判別」 ※ログイン後にフォームを設置する場合の判別タイミング「ログインする時に新規顧客か判別」 どのような時に「顧客タグ」で新規会員判別をするべきか 新規顧客会員の判別に「顧客タグ」を使うべきケースの代表的な例は、既に動いているストアで、新規会員の他に既存の顧客からも情報を取得したい際に使用します。 設定方法は、 ・新規会員判断の基準：顧客タグ ・条件設定： 例）顧客タグ「member」を含まない場合に会員登録フォームを表示 ・会員登録完了タグ
フォーム入力後のリダイレクト先をコードで指定する方法
Howdy 会員登録フォーム アプリ
独自のCSS, JavaScriptを適用する方法
カスタムCSS, カスタムJS の適用方法
会社メタフィールドをプロフィールページに設定する方法
Howdy新規会員登録アプリでは、会社メタフィールドブロックをプロフィールページに表示させることが可能です。 設定方法は、 会社Metafieldsを選択 Metafields設定 プロフィールに埋め込み で会社Metafieldsの編集、表示までできるようになりました。 プロフィールページの設定方法に関しては以下をご確認ください。 https://docs.channel.io/howdy-app/ja/articles/app-profile-tutorial-0d363c71
メタフィールドのお客様アカウントAPIの Read and Write を有効化する方法
このようなエラーが出た場合にも 『このメタフィールドの Customer Account アクセスが有効ではありません。Shopify 管理画面で "読み取りと書き込み" を有効にしてください。』 『このメタフィールドは読み取り専用です。Shopify 管理画面で "読み取りと書き込み" に変更してください。』 対応する必要がございます。 ① メタフィールド定義画面に移動する Shopify管理画面の 設定→メタフィールドとメタオブジェクト を開きます。 次に 該当するメタフィールド項目を選びましょう。 今回はお客様メタフィールドを選択します。 ②読み取りと書き込みの許可をする これでSaveすれば完了です。
複数フォーム導入
①会員登録フォームでフォームを作成する 会員登録フォームから複数の会員登録フォームを作成しましょう。 ②カスタマイズ画面からテーマに埋め込む テーマ→カスタマイズ画面に移動し 「会員登録フォーム」ブロックを追加しましょう。 ③フォームIDを追加する フォームIDを指定することで、特定のフォームへの導線とすることが可能です。 またコード上で下記のように data-form で特定フォームの指定も可能ですので、もし必要でしたら サポートまでご連絡ください。（support@macro-micro.co.jp） <button class="howdy-register-original-trigger-btn" data-form="b3d0bk" data-login-redirect="/" data-register-redirect="/pages/thanks" data-already-loggedin="{{ routes.account_url }}" >ボタン</button>