登録ページ
学べること
新規顧客アカウント用の従来の登録ページを有効化およびカスタマイズする方法
フォームのスタイリング、プレースホルダーテキスト、ボタンデザイン、リンクを更新する方法
テーマのビジュアル設定を使用してブランドに合わせる方法
🧩 概要
この登録ページは 従来の顧客アカウントシステム を使用して構築されており、テーマのビジュアルエディタで完全にサポートされています。柔軟なレイアウトツール、フォームのスタイリング、オプションのブランド画像を含み、ブランドに合わせたアカウント登録体験に最適です。
⚠️ Shopify の新しいワンクリックログインシステムはこのページをバイパスします。これらの設定は 従来のアカウントを使用している場合にのみ.
🎨 ページ構成
登録ページには通常次のものが含まれます：
ロゴ＆時計 （オプション）
登録フォーム （メインセクション）
ミュージックプレーヤー （オプション）
フッター （オプション）
✏️ 登録フォームのカスタマイズ
移動先： テーマエディタ → テンプレート → customer/register.liquid 設定を開くには 登録フォーム セクションをクリックします。
🖼 登録サイド画像
フォーム用の サイド画像 をアップロード（任意）
サイド画像の位置を切り替え – 左または右
サイド画像を削除 – 完全にオフにする切り替え
サイド画像を曲線にする – 丸みのあるビジュアルスタイルを追加
🧾 ヘッダーコンテンツ
ヘッダーテキスト – 通常は「登録」または「アカウントを作成」
サブヘッダーテキスト – 短い紹介メッセージを追加
テキストの 色をカスタマイズ 両方の要素に対して
🧍 フォームフィールド
各フィールドグループには、個別のラベル、ボーダー、テキスト色のコントロールが含まれます。
名（First Name）
ラベル、ボーダー、テキスト色
姓（Last Name）
ラベル、ボーダー、テキスト色
メールアドレス
ラベル、ボーダー、テキスト色
パスワード
ラベル、ボーダー、テキスト色
💡 ヒント：一貫したスタイリングはオンボーディング時の信頼感を高めます。
🔘 参加ボタン
ボタンテキスト （例：「参加」または「アカウントを作成」）
背景色
テキスト色
このボタンは登録フォームを送信します。
❗ エラーメッセージのスタイリング
設定する： 登録エラー情報テキストの色 をアラートや警告のスタイルに合わせて（例：赤）
🔗 追加リンク
すでに登録済みですか？ ユーザーをログインページへリダイレクトする促しを追加
ストアに戻るリンク 顧客がホームページに戻りたい場合に便利です
これらはそれぞれ名前を変更したり色を変えたりできます。
🌀 その他
切り替え： 「入力欄とボタンに半径を有効にする」 をオンにして角を丸くする
✅ 完了です！
登録ページのスタイル設定が完了し、以下で利用可能になりました：
yourstore.com/account/register
💡 ヒント：視覚的一貫性のために、ログインページと登録ページで同じブランド画像と言葉遣いを使用してください。
ヘルプが必要ですか？
💬 Discordでコミュニティに参加： https://discord.gg/hcc2GvgZc6
📧 メールでお問い合わせ： [email protected]
💻 ライブチャット： 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応
最終更新