Skip to main content

Challenge

Customizing the user interface for agents

2 Tasks

15 mins

Visible to all users
Beginner Pega Customer Service 8.7 Agent Desktop English

Scenario

You have been asked to make the following changes to the Pega Customer Service user interface, which is displayed when customer service representative logs in.

Use the following credentials to log in to the exercise system:

Role User name Password
Application administrator CSAppAdmin password123!

Your assignment consists of the following tasks:

Task 1: Edit the Avg monthly balance field label

Change the Avg monthly balance field label to Average monthly balance.

Task 2: Modify the Address Change service request layout template

Modify the Address Change service request to use a three-column layout and add a Business phone field to the new column.

 

Challenge Walkthrough

You must initiate your own Pega instance to complete this Challenge.

Initialization may take up to 5 minutes so please be patient.

Detailed Tasks

1 Edit the Avg monthly balance field label

  1. Log in to the Interaction Portal with username CSAppAdmin and password password123!.
  2. Click Preview to access the Interaction Portal.
  3. Click New > Demo Screen Pops > Demo Pop - CONNOR to start an interaction with Sara Connor.
  4. Click Accept to accept the incoming call. The composite view for Sara Connor is displayed.
  5. Click Design to enable design mode.
    Design mode icon
  6. Hover over the Avg monthly balance label, and then click the Edit this section icon to enable edit mode.
    Highlight the section
  7. Inside the section, hover over the label to display the Field selection, and then click the Edit this field icon. The label properties are displayed in the pane on the right.
    Selecting a field
  8. In the Label value field of the properties panel, enter Average monthly balance.
    Update the label
  9. Click Apply to save your update.
  10. In the upper-left corner of the pane, click X to close the field edit pane.
  11. In the upper-left corner of the pane, click X to close the section edit pane.
  12. Click Design to disable design mode.

2 Modify the Address Change service request layout template

  1. Click Add task, and then double-click Address change to start the case.
  2. Click Design to enable design mode.
  3. Hover over the Country area and click the Edit this section icon to edit the section.
    Section edit icon
  4. From the pane on the right, click Change to display the available design templates.
  5. Click on the 3 Column design template icon to change this layout from the current Address template layout to the new three-column layout.
  6. In the pane on the right, on the C tab, click the Add icon to view the available reusable fields.
  7. Hover over the Business phone field, and then click the Add to view icon to add the field to column C. After the screen refreshes, the Business phone field is applied to column C.
    Add the business phone property
  8. In the upper-left corner of the pane, click X to close the Add… view, and then click X again to close the pane.
  9. Click Design to disable design mode.
  10. Click Wrap up to conclude the interaction with Sara.
  11. Click Submit to close the interaction.


Available in the following mission:

If you are having problems with your training, please review the Pega Academy Support FAQs.

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice