--- sourceDocument: Yokohama Customer Service Management sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/customer-service-management Release : - yokohama ft:locale : - en-US ft:publication_title : - Yokohama Customer Service Management ft:clusterId : - csm bundleId : - csm workflow : - Customer and Industry --- # Create a Manager Workspace landing page # Create a Manager Workspace landing page {#ariaid-title1} * Release version: Yokohama * * Updated January 30, 2025 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 5 minutes to read Create a landing page based on your business requirement. ## Before you begin Create reports and key performance indicators that are required to set up the landing page. Role required: sn_mgr_workspace.admin ## About this task The landing page displays a set of reports that are the initial view of your workspace. You can enhance the Workforce Optimization experience by customizing the landing page to monitor metrics and trends that matter most to you. Use the User Interface (UI) Builder to add data visualization components to display widgets and reports that you want to track and monitor. For more information, see Creating custom landing pages for workspaces. Using UI Builder, you can: * Clone the existing CSM landing page. Note: The application scope can be set to CSM Workspace, CSM Manager Workspace or Workforce Optimization. The Clone Page action is not available in the Global scope. * Add or edit containers in the page. * Add or edit visualizations for each container. * Edit the layout of a page or container. {#create-configurable-csm-landing-page__ul_ipm_bnv_5hb} ## Procedure 1. Navigate to AllWorkspace ExperienceAdministrationLanding Pages. 2. Click the CSM Landing Page. 3. Click Clone Page. Note: The Clone Page action is available when the application scope is CSM workspace. 4. Fill out the form. The settings in the Layout and Available Child Slots fields determine how the content renders on the page. {#create-configurable-csm-landing-page__table_xts_hp1_b3b__entry__2} | Field | Description | |-|-| | Name | The name of your landing page. | | Component | The component defaults to sn-page and is read-only. | | Order | The order for the landing page. If you have multiple landing pages, the order determines the landing page precedence. Pages with a lower-order value take precedence over pages with a higher-order value. | | Active | Determines whether the landing page is active. Enable for a landing page to be displayed. | | Optional Page Title | A title to display on the page. | | Available Child Slots | A predefined style of child slots. | | Layout | The layout of the columns on the page. | [Table 1. Landing page attributes and layout] {#create-configurable-csm-landing-page__table_xts_hp1_b3b} 5. Click Update to save your landing page. 6. **Optional:** Configure permissions for users to access the landing page. 1. Click the UX Page Element Permissions related list. 2. Click New. 3. Select the role or group for the landing page to be visible. 4. Click Submit to save your permissions. {#create-configurable-csm-landing-page__substeps_x5l_qkw_zhb} Any page element (including sub elements) can have a restriction to a given set of roles or groups. If there are no element permissions set on roles or groups, then all users see the element. If there are some element permissions set, then a user needs just one role or group assignment to see the element. 7. Configure a container: 1. Click the UX Page Elements related list. 2. Click New Container or select an existing container. 3. Fill out the form. {#create-configurable-csm-landing-page__substeps_bmg_vl4_b3b} {#create-configurable-csm-landing-page__table_ujr_551_b3b__entry__2} | Field | Description | |-|-| | Name | The name of your container. | | Component | The component defaults to sn-page-container and is read-only. | | Parent element | The landing page your container resides. | | Slot | The component placement within the parent element's slot configuration. | | Order | The order the page shows. | | Border | Enable if you want a border around your container. | | Optional Container Title | A title to display on the container. | | Type | Select a type of styling for your visualization. | | Available Child Slots | A predefined style of child slots. | | Layout | The layout of the columns on the page. | [Table 2. Container attributes and layout] {#create-configurable-csm-landing-page__table_ujr_551_b3b} 8. Configure a widget: 1. Click New Visualization or select an existing widget. 2. Fill out the form. {#create-configurable-csm-landing-page__substeps_yq4_lm4_b3b} {#create-configurable-csm-landing-page__table_xwv_4y1_b3b__entry__2} | Field | Description | |-|-| | Name | The name of your widget. | | Component | The component defaults to sn-page-widget-visualization and is read-only. | | Parent element | The container that your widget resides in. | | Slot | The component placement within the parent element's slot configuration. | | Order | The order the component shows. | | Report | Select the report you want to render: * Single score * Trend by * List {#create-configurable-csm-landing-page__ul_oyb_4ln_d3b} Note: Choose and populate either Report or PA Widget, but you cannot display both. | | PA Widget | Select the PA widget you want to render: * Single score * Time series {#create-configurable-csm-landing-page__ul_km1_rln_d3b} Note: Choose and populate either Report or PA Widget, but you cannot display both. | | Optional Widget Label | A label to display on the widget. | | Size Variant | Select the size of the widget. Choices include: * Small * Medium * Large * Extra Large {#create-configurable-csm-landing-page__ul_lzl_wln_d3b} Note: Not all size variants apply to all widgets. | | Border | Check if you want a border around your widget. | | Refresh Interval | Determines the number of minutes before a widget refreshes with new data. The interval begins when a user navigates away from a landing page, and ends when the user comes back to the landing page. Note: There is no auto-refresh, but a user can click a refresh button at any time. | | Additional Details | Any additional information to note about the widget. | | Visualization SysID \[Read Only\] | Designated ID for the widget. | | Report Type \[Read Only\] | The type of report that renders. | [Table 3. Widget attributes and layout] {#create-configurable-csm-landing-page__table_xwv_4y1_b3b} 9. Click Update or Submit to save changes to the page element. 10. Click Update to save changes to the landing page. {#create-configurable-csm-landing-page__steps_etb_cc1_xkb} ## Set the default landing page {#ariaid-title2} You can set a default landing page to surface the information that is most relevant for your business. ### Before you begin Role required: sn_mgr_workspace.admin ### Procedure 1. Navigate to AllWorkspace ExperienceAdministrationAll Workspaces. 2. Click Manager Workspace. 3. Drag and drop the PA indicators or containers. 4. Set the refresh rate interval for the reports or indicators. 5. In the Landing Pages related list, set the value of the Order field of the landing page that you want to set as the default to minimum. Note: The landing page with the minimum order value is considered to be the default landing page. 6. **Optional:** Verify the default landing page assignment by navigating to Workspace ExperienceAdministrationLanding Pages Ensure the landing page that you want to set default has the minimum Order value. {#setup-default-configurable-csm-landing-page__steps_rrh_bxz_wkb} ## Set the enhanced Manager Workspace landing page {#ariaid-title3} Set the enhanced Manager Workspace as the default landing page for an improved user experience. ### Before you begin Role required: sn_wfo_cfg_ws.manager ### Procedure 1. Navigate to AllUI BuilderExperiences. 2. In the search field, enter Manager Workspace. 3. Select Manager Workspace. 4. On the Manager Workspace page, in the Landing Page section, select Settings for the Manager Dashboard. The Settings page appears for the Manager Dashboard. 5. On the Settings page, in the Availability field, select the Active check box. Note: If a message appears about the application scope, select Edit in original scope to be able to edit the record. 6. In the Order field, enter the minimum value of the landing page. Note: Verify the landing page that you want to set default has the minimum Order value. 7. Select Save. {#set-enhanced-manager-workspace-landing-page__steps_rrh_bxz_wkb} ### Result You can access the enhanced Manager Workspace as the default landing page. *[\>]: and then