新規顧客アカウントページのカスタマイズ – SHOPLINE ヘルプセンター

顧客アカウント設定で「新規顧客アカウント」機能を有効にしている場合は、チェックアウト設定モジュール内のテーマ設定エディタを使ってページスタイルをカスタマイズできます。ページデザインを最適化することで、ブランドの一貫性を保ち、信頼感を高め、ウェブサイトのユーザー体験を向上させることができます。

ページエディタへのアクセス

新規顧客アカウントページの外観をカスタマイズするには、チェックアウトモジュールのテーマ構成エディタを通じて行います。以下の手順に従ってエディタにアクセスしてください。

SHOPLINEの管理画面で、設定 > 顧客アカウント に移動します。
新規顧客アカウントセクションで、テーマの設定の隣にある [チェックアウト設定へ] をクリックします。
チェックアウト設定内のテーマ設定で、[チェックアウトをカスタマイズ] をクリックしてエディタを開きます。

新規顧客センターのカスタマイズ

カスタマイズページにアクセスする手順

テーマエディタのホームページで、上部のページセレクタをクリックし、新規顧客アカウントの下にあるログイン・登録または個人センターページを選択します。

以下のカスタム設定を構成します。

注：

新規顧客センターテーマエリアの設定のみが新規顧客センターページ向けに特別に設計されています。一般設定で設定を変更すると、変更はチェックアウトページと新規顧客センターページの両方に適用されます。

- ページのロゴをカスタマイズ：「画像の追加」をクリックして、ファイルライブラリからストアのロゴを選択またはアップロードし、ロゴサイズを調整します。
- 新規顧客センターの背景を設定：「画像の追加」をクリックして背景画像を選択するか、カラーピッカーを使用して背景色を変更します。

2.2.png

デバイスアイコンをクリックして異なるデバイス上でデザインをプレビューし、変更を適用するには [保存] をクリックします。

一般設定

チェックアウトテーマエディタの各ページには、一般設定セクションが含まれています。このセクションのすべての構成は、チェックアウトページと新規顧客センターページの両方に適用されます。

新規顧客センターページの一般設定手順

テーマエディタのホームページで、上部のページセレクタをクリックし、新規顧客センターの下にあるログイン・登録またはアカウントページを選択します。
一般設定セクションで、以下を構成します。

- カラー：以下のアイテムの色を調整するにはカラーピッカーをクリックして、テキストの読みやすさを確保します
  - ボタンの背景：ボタンの背景色。
  - エラーメッセージ：エラー通知のテキストと枠線の色（例：不正なアカウントまたはパスワード）。
  - 強調情報：リンク、チェックボックス、入力ボックスの枠線、ドロップダウンメニューの色。

- フォント：変更をクリックして、タイトルと本文のフォントを変更するか、デフォルト設定に戻すをクリックして、すばやくデフォルトのフォントに戻すことができます。

3.2.png

デバイスアイコンをクリックして、異なるデバイスでデザインをプレビューし、[保存] をクリックして変更を適用します。

使用中テーマと下書きテーマの管理

最初のテーマの下書きを保存した後、システムは自動的に「デフォルトプロファイル」という名前のデフォルトのテーマファイルを生成します。このファイルは、管理画面の チェックアウト > テーマ設定 > 使用中のチェックアウトテーマ に保存されます。このファイルを複製して、異なるページデザインを試すこともできます。
4.0.png

ライブと下書きのテーマの管理の詳細な手順については、「チェックアウトエディタの管理」セクションをご参照ください。