「マイアカウント」ページのデザイン

マイアカウントは顧客の個人ハブであり、個人情報、注文、メンバーシップを見つけたり、設定を行ったりできます。このページに表示されるレイアウトやコンテンツをカスタマイズし、他のページへのリンクを設定することで、顧客が気にする情報やあなたが提示したい情報を紹介できます。

マイアカウントページエディタへのアクセス

SHOPLINEの管理画面から、アプリ > Shopper App > アプリデザインに移動し、デザインボタンをクリックしてデザインエディタにアクセスします。上部のドロップダウンメニューからマイアカウントを選択します。

マイアカウントエディタでは、以下のセクションで説明されている機能を設定できます。

トップナビゲーションの設定

トップナビゲーションモジュールでは、マイアカウントページのヘッダーに表示されるコンポーネントをカスタマイズできます。このモジュールには、左上アイコン、中央、右上アイコンの3つの設定可能なセクションが含まれています。各セクションは、ナビゲーションを強化し、ユーザーエンゲージメントを向上させるように設計されています。

各セクションの利用可能なコンポーネント

トップナビゲーションコンポーネントの設定

トップナビゲーションモジュールを設定するには、以下の手順に従います：

1. マイアカウントページに移動し、トップナビゲーションをクリックしてメニューを展開します。

2. 設定したいセクションを選択します：左上アイコン、中央、または右上アイコン。

   

3. コンポーネントタイプのドロップダウンから、追加したいコンポーネントを選択します：

• • アイコン：最大3つの事前定義されたオプションを挿入するために+アイコンを追加をクリックします。
  • 画像：必要に応じてブランディングまたはプロモーション画像をアップロードします。
  • 検索バー：顧客がサイトを便利にブラウズできるように、事前定義された検索バーを追加します。
  • ページタイトル：マイアカウントページのタイトルを表示します。

4. 保存または公開をクリックして設定を適用します。

お知らせバナー

お知らせバナーはページの上部に配置されており、再配置することはできません。ホームページのお知らせバナーと同期するか、別々に設定することができます。

• ホームページのお知らせバナーから同期：テキスト、色、その他の設定はホームページで設定されたものを継承し、編集することはできません。
• 独立して設定：最大3つのお知らせを追加し、テキスト、色、その他の設定をカスタマイズし、公開時間を設定し、個別のお知らせを非表示にすることができます。

登録/ログイン

登録/ログインカードのテキストをカスタマイズできます。ただし、位置を変更したり、非表示にしたりすることはできません。

ページに表示されるコンテンツ

プリセットされたコンポーネントを変更するか、カスタムコンポーネントを追加できます。最大50のコンポーネントが許可されています。

• プリセットパーツ：以下の表には、プリセットパーツと実行可能なアクションがリストされています。メンバーおよびメッセージパーツは、対応するアプリがインストールされている場合にのみ機能することに注意してください。
  

  パーツ	名前変更	アイコン追加	削除	再配置	非表示
  個人情報	✔	✔	✘	✔	✘
  メンバー	✔	✔	✘	✔	✔
  注文	✔	✔	✘	✔	✘
  設定	✔	✔	✘	✔	✘
  ヘルプ & 情報	✔	✔	✘	✔	✘
  利用規約	✔	✔	✘	✔	✘
  メッセージ	✔	✔	✘	✔	✔

  
  
  

  注意： ヘルプ & 情報および利用規約セクションをカスタマイズする方法を学びます。

• カスタムパーツの追加：追加をクリックして、含めたいパーツを選択します。カスタムアイテムや区切り線を追加できます。カスタムコンテンツは、名前変更、カスタムアイコンの割り当て、削除、再配置、または非表示にすることができます。
  

フローティングアイコン

ユーザーがスクロールしても表示されるフローティングアイコンをマイアカウントページに追加できます。このアイコンは、顧客サポートの効率を向上させたり、キャンペーンのエンゲージメントを促進するために、ライブチャットサービスまたはイベントページにリンクできます。

2つの設定オプションがあります：ホームページのフローティングアイコンから同期を選択すると、アイコンはホームページの設定を継承し、変更できません。独立して設定を選択すると、マイアカウントページ専用の別のフローティングアイコンを設定でき、以下の設定を含めることができます：

• 基本設定： アイコンに名前を付け、位置を選択し、アプリに表示するアイコン画像をアップロードします。
• 機能タイプ： アイコンがイベントページまたはライブチャット機能にリンクするかを選択します：
  • イベントページを選択した場合：リダイレクト先のページを設定します。
  • ライブチャットを選択した場合：
    • 使用するチャットサービスを選択します。Shopper Appは現在、リアルタイムの顧客サポートのためのAI駆動のソリューションであるShulexとの統合をサポートしています。詳細については、このガイドを参照してください。
    • 未読メッセージ通知を有効にするかどうかを決定します。有効にすると、未読メッセージがあることを通知するために赤い点が表示されます。
• アクティベーション時間： オプションで、フローティングアイコンを公開するスケジュールを設定します。

デザインの公開

編集が完了し、プレビューで全てが正しく表示されていることを確認したら、右上隅の適用ボタンをクリックして、デザインをアプリに公開します。公開を保留したい場合は、保存をクリックして編集内容を保持できます。