# 登録ページ

### **学べること**

* 新規顧客アカウント用の従来の登録ページを有効化およびカスタマイズする方法
* フォームのスタイリング、プレースホルダーテキスト、ボタンデザイン、リンクを更新する方法
* テーマのビジュアル設定を使用してブランドに合わせる方法

***

### 🧩 概要

この登録ページは **従来の顧客アカウントシステム** を使用して構築されており、テーマのビジュアルエディタで完全にサポートされています。柔軟なレイアウトツール、フォームのスタイリング、オプションのブランド画像を含み、ブランドに合わせたアカウント登録体験に最適です。

> ⚠️ Shopify の新しいワンクリックログインシステムはこのページをバイパスします。これらの設定は **従来のアカウントを使用している場合にのみ**.

***

### 🎨 ページ構成

登録ページには通常次のものが含まれます：

* **ロゴ＆時計** （オプション）
* **登録フォーム** （メインセクション）
* **ミュージックプレーヤー** （オプション）
* **フッター** （オプション）

***

### ✏️ 登録フォームのカスタマイズ

移動先：\
**テーマエディタ → テンプレート → customer/register.liquid**\
設定を開くには **登録フォーム** セクションをクリックします。

***

#### 🖼 登録サイド画像

* フォーム用の **サイド画像** をアップロード（任意）
* **サイド画像の位置を切り替え** – 左または右
* **サイド画像を削除** – 完全にオフにする切り替え
* **サイド画像を曲線にする** – 丸みのあるビジュアルスタイルを追加

***

#### 🧾 ヘッダーコンテンツ

* **ヘッダーテキスト** – 通常は「登録」または「アカウントを作成」
* **サブヘッダーテキスト** – 短い紹介メッセージを追加
* テキストの **色をカスタマイズ** 両方の要素に対して

***

#### 🧍 フォームフィールド

各フィールドグループには、個別のラベル、ボーダー、テキスト色のコントロールが含まれます。

**名（First Name）**

* ラベル、ボーダー、テキスト色

**姓（Last Name）**

* ラベル、ボーダー、テキスト色

**メールアドレス**

* ラベル、ボーダー、テキスト色

**パスワード**

* ラベル、ボーダー、テキスト色

> 💡 ヒント：一貫したスタイリングはオンボーディング時の信頼感を高めます。

***

#### 🔘 参加ボタン

* **ボタンテキスト** （例：「参加」または「アカウントを作成」）
* **背景色**
* **テキスト色**

このボタンは登録フォームを送信します。

***

#### ❗ エラーメッセージのスタイリング

* 設定する： **登録エラー情報テキストの色** をアラートや警告のスタイルに合わせて（例：赤）

***

#### 🔗 追加リンク

* **すでに登録済みですか？**\
  ユーザーをログインページへリダイレクトする促しを追加
* **ストアに戻るリンク**\
  顧客がホームページに戻りたい場合に便利です

これらはそれぞれ名前を変更したり色を変えたりできます。

***

#### 🌀 その他

* 切り替え： **「入力欄とボタンに半径を有効にする」** をオンにして角を丸くする

***

### ✅ 完了です！

登録ページのスタイル設定が完了し、以下で利用可能になりました：\
`yourstore.com/account/register`

> 💡 ヒント：視覚的一貫性のために、ログインページと登録ページで同じブランド画像と言葉遣いを使用してください。

### **サポートが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、午前10時〜午後6時（EST）に当社ウェブサイトで直接利用可能


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/readme-1/customer-accounts/register-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
