新しいお客様アカウントのログイン画面はどこまで変えられる？｜ロゴ・文言・CSSの変更範囲

結論: 新しいお客様アカウントのログイン画面は、ロゴ・背景色・アクセントカラー・ヒーロー画像をShopify管理画面の「チェックアウトとアカウントエディタ」で変更でき、会員登録フォームのポップアップ文言・利用規約チェックボックスの文言・独自のCSS/JavaScriptはHowdyの管理画面とテーマ編集から変更できます。サインインページへのブロック追加はできません。

ロゴ・色・画像はどこまで変えられますか？

管理画面の「設定」→「チェックアウト」→「編集」で開く、チェックアウトとアカウントエディタから、ロゴの画像とサイズ、背景色、アクセントカラー、デスクトップ向けのヒーロー画像を設定します。ここで編集する共有ブランディング設定は、お客様アカウントのログイン画面にも自動で反映されます。

出典: Shopifyヘルプセンター「お客様アカウントのカスタマイズ」

ログイン画面のドメインは自社ドメインにできますか？

お客様アカウントのドメインは、ストアのプライマリードメインをベースに自動で作られます。プライマリードメインが your-store.com の場合、お客様アカウントは account.your-store.com になります。管理画面の「設定」→「ドメイン」でプライマリードメインを変更すると、お客様アカウントのドメインもあわせて変わります。

出典: Shopifyヘルプセンター「お客様アカウントページのサブドメイン」

会員登録フォームの文言はどこまで変えられますか？

「ログイン前」に会員登録フォームを設置している場合、登録時に表示されるポップアップの文言をHowdyの管理画面から編集できます。編集できるのはタイトル・説明・ヘルプテキストの3項目です。

利用規約への同意を取るチェックボックスも設置できます。表示ラベルはHTMLコードの編集で「利用規約への同意」または「利用規約、プライバシーポリシーへの同意」の2パターンから選び、リンク先を実際の規約ページのURLに置き換えます。

出典: Howdyヘルプ「会員登録ポップアップに文字を追加する方法」／「リンクつき利用規約設定方法」

独自のCSS・JavaScriptを適用できますか？

適用できますが、対象は「ログイン前」に設置した会員登録フォームに限られます。「ログイン後」の表示タイミングで設置している場合は対応していません。

適用の流れは次のとおりです。

1. テーマのアセットに、独自のCSS・JavaScriptファイルを追加する
2. theme.liquid に、Howdyのページだけに読み込まれる条件（request.path contains "howdy-apps")を付けて読み込みコードを入れる
3. プレビューで表示を確認する

出典: Howdyヘルプ「独自のCSS, JavaScriptを適用する方法」

入力項目を追加できますか？

氏名・電話番号・住所といったShopifyの標準項目に加え、誕生日・性別・利用規約の同意などは顧客メタフィールドとして定義し、Howdyの管理画面で入力欄に追加します。標準項目にない情報は、この方法でフォームに足していきます。

設定の手順は新しいお客様アカウントに会員登録フォームを設置する手順(Howdy)にまとめています。

サインインページ自体にカスタマイズブロックを追加することはできません。会員ページ（プロフィール・注文一覧など）へのブロック追加とページの新規追加は可能です。詳しい範囲は新しいお客様アカウントへの移行でテーマのカスタマイズはどうなる?にまとめています。

よくある質問