*スタッフマイページのカスタマイズ

スタッフマイページのカスタマイズ方法

スタッフマイページは、スタッフが自分の予約、イベント、アカウントアクセスを管理するための専用の場所をスタッフに提供します。

そのデザインは、他のAmeliaフォームと同様に、「基本設定」タブのグローバル設定と「詳細設定」タブの詳細なコントロールを使用してカスタマイズできます。お客様マイページよりもステップ数は少ないですが、各ビューには独自のオプション、ラベル、色設定があり、サイドバー、ログインフロー、スケジュールビューを個別にスタイリングできます。

例えば、ブランドに合わせてサイドバーの色を調整したり、予約リストをカスタマイズして操作ボタンや時間枠がはっきりと目立つようにしたりできます。

スタッフマイページのカスタマイズにはどこからアクセスしますか？

Amelia → カスタマイズを開き、フォームタイプのリストから「スタッフマイページ」を選択します。右側のプレビューにはスタッフに表示されるパネルが表示され、左側には「基本設定」タブと「詳細設定」タブがあります。

「ステップ」ドロップダウンを使用して、サイドバーエリア、ログイン、アクセスリンク、アクセスリンク送信完了、新しいパスワードの設定、予約、イベントを切り替えます。各ステップには異なる要素とレイアウトセクションが含まれているため、スタイリングのオプションは選択したステップによって異なります。

基本設定タブでは何を設定できますか？

「基本設定」タブでは、主要な色、フォント、ボタンのスタイル、全般的なレイアウトオプションなど、スタッフマイページ全体のグローバルな外観を定義します。

これらの設定はすべてのパネルステップとポップアップに適用されるため、ここでグローバルテーマを設定することで、個別のステップを調整する前に一貫したベースを作成できます。ボタンの外観、サイドバーの挙動、パネル全体のタイポグラフィを制御でき、予約フォームやWordPressテーマのデザインに簡単に合わせることができます。

詳細設定タブでは何を設定できますか？

「詳細設定」タブには、スタッフマイページの各ステップごとのオプション、ラベル、色が含まれています。オプションでは表示・非表示やフィールドの挙動を制御し、ラベルではテキスト要素のトーンや明快さを調整でき、色ではサイドバー、コンテンツ行、予約カード、イベントリストなどの領域を微調整できます。

スタッフマイページは、お客様マイページよりもビューが少ないため、詳細設定のオプションはよりシンプルですが、各ビューでヘッダー、ボタン、メッセージ、インタラクティブな要素を詳細にコントロールできます。

スタッフマイページでカスタマイズできるステップはどれですか？

スタッフマイページには、以下のカスタマイズ可能なステップが含まれています。

• サイドバーエリア – アイコン、ラベル、ホバー状態、アクティブな要素を含むセクションナビゲーションをスタイリングします。
• ログイン – スタッフログインフォームのレイアウトとラベル。
• アクセスリンク – スタッフがアクセスリンクを受け取るためにメールアドレスを入力する画面。
• アクセスリンク送信完了 – アクセスリンクをリクエストした後に表示される確認メッセージ。
• 新しいパスワードの設定 – スタッフがパスワードを作成またはリセットするときに使用されるビュー。
• 予約 – 操作ボタンとともに、今後の予約と過去の予約を表示するメインのスケジュールビュー。
• イベント – スタッフに割り当てられたイベントのリストで、予約ビューと同様にスタイリングされます。

各ステップは個別にスタイリングでき、保存するとすべてのパネル埋め込みに即座に変更が適用されます。

スタッフマイページをカスタマイズする際に注意すべき点は何ですか？

• スタッフが予約とイベントの間を簡単に移動できるように、サイドバーの色とアクティブ状態を明確にします。
• ログインフローに一体感が出るように、「ログイン」と「アクセスリンク」のステップを合わせて確認してください。
• サービス名が長い場合やカスタム項目がある場合、レイアウトに影響する可能性があるため、モバイルで予約リストとイベントリストをテストしてください。
• Amelia全体で統一されたユーザー体験を維持するために、パネルの色の選択を予約フォームと合わせます。
• 特にスタッフが複数のサービスや場所を管理する場合、ラベルを使用してボタンのテキストや操作名を明確にします。
• デザインの変更を保存した後、すべてのスタッフに対して更新されたパネルが正しく表示されるように、サイトのキャッシュをクリアしてください。