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

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

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

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

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

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

できます。お客様アカウントのドメインは、初期設定では shopify.com/（ストアのID番号）/account の形式です。「設定」→「お客様アカウント」の「URL」で「ドメインを変更」を押してサブドメインを作成し、「設定」→「ドメイン」でそのサブドメインをお客様アカウントのプライマリードメインに設定します。プライマリードメインが 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を適用する方法」

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

できます。氏名・電話番号・住所はHowdyの「Shopify項目を追加」で入力欄にし、誕生日や利用規約の同意などは顧客メタフィールドとして定義してから「カスタム項目を追加」で入力欄にします。

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

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

出典: Howdyヘルプ「③【初期設定】会員登録フォーム」／「①【事前準備】顧客メタフィールドの設定方法」／「住所入力を設定する方法」／Shopifyヘルプセンター「従来のお客様アカウントからお客様アカウントへのアップグレード」／「お客様アカウントページのカスタマイズ」

関連記事

• Shopifyでログイン画面をブランドカラーに設定する方法｜ロゴ・色・画像
• 新しいお客様アカウントに会員登録フォームを設置する手順（Howdy）

よくある質問