Settings Page in WalkMe Learning Arc

Brief Overview

The Settings page lets you control how visual and interactive elements behave across your learning content. You can customize default styles, messages, and playback behavior to create a consistent experience for your learners.

How It Works

Brand customization settings

Use the Brand Customizations tab to update the look and feel of your learning portal.

Preview:

1. Use the Preview panel on the right to see updates in context
2. Switch between the Homepage and Learning Page to review both views before publishing

Colors

1. Click the Colors dropdown
2. Select a defined color theme or choose Customized

If you selected Customized, set the colors for:

1. Primary: Main color for the header and tile background
2. Secondary: Supporting color that blends with the primary (gradients, complementary highlights)
3. Button color: All clickable action buttons across the portal

Typography

1. Click the Fonts dropdown
2. Select the:
   1. Primary font: Used mainly for titles and headers, including course titles and homepage sections
   2. Secondary font: Used for body text and paragraphs, especially throughout the learning page

Company logo

1. Upload a Company logo to personalize your portal
2. Click View guidelines to confirm your file meets the requirements (optional)

Publish

To apply your changes:

1. Click Publish at the top-right of the page

Simulation settings

Customization tab

The Customization tab lets you define the default style of visual elements used in simulations.

Preview:

1. Use the Preview panel on the right-hand side to see changes in context

Highlighted Area

Define the highlight style for the area clicked during a simulation.

1. Click the Highlighted Area dropdown

2. Choose the shape and style of the highlight

3. Adjust default appearance:

   1. Stroke: Color and thickness

   2. Overlay: Dimmed background color behind the highlight

Shapes

Customize the shape that points to the captured element during a simulation.

1. Click the Shapes dropdown

2. Choose between:

1. 1. Basic mode: Global shape settings
   2. Show advanced settings: Per-shape customization

Basic mode:

Adjust the appearance of all shapes at once.

1. Click the Colors dropdown to customize:

   1. Fill: Set the fill color

   2. Stroke: Set the border color and thickness

2. Click the Typography dropdown to adjust:

   1. Text: Choose font and size

Advanced settings:

Edit each shape individually to fine-tune its appearance.

1. Click the dropdown for any shape

2. Adjust the following:

   1. Fill: Set the fill color

   2. Stroke: Set the border color and thickness

   3. Text: Choose font and size

Play modes tab

The play modes tab determine how simulations behave during playback. You can define success messages, error handling, and time delays based on the mode.

Includes:

• Demo mode: Plays the simulation in a guided walkthrough format

• Practice mode: Lets users try the steps themselves, with optional feedback for mistakes

Demo mode

1. Display delay: Set how long each slide appears
   1. Adjust the slider or enter a value
2. Default success message: Add a short title and message shown after the simulation is completed
3. Select Reset to restore defaults (optional)
4. Select Save to apply changes

Practice mode

Error handling: Choose how the simulation responds to incorrect attempts

1. Error Message: Show a custom message when a user clicks incorrectly
2. None: No message (the user must select the correct element)

If Error Message is selected, configure:

1. Title: Error heading
2. Body: Short guidance or hint
3. Button text: Label for the action button
4. Allowed attempts: Number of retries
5. Click Reset to revert to the default error handling (optional)

Default success messages: Message is shown after the simulation ends

1. Title: A short, encouraging line
2. Body: A follow-up message
3. Click Reset to restore to the default message (optional)
4. Click Save to apply changes

Publish

When you update default simulation settings, choose how to apply them:

1. All simulations (coming soon): Updates all existing simulations
2. New simulations only: Applies to simulations created from now on