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