---
title: "Customize Mirror Nudges"
slug: "customize-mirror-nudges"
updated: 2026-09-04T06:09:00Z
published: 2026-09-04T06:09:00Z
canonical: "support.whatfix.com/customize-mirror-nudges"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Mirror Nudges

> [!WARNING]
> Note:
> 
> Customisations in Mirror is a Beta feature and is supported only for Cloud deployments. To enable this feature, contact [support@whatfix.com](mailto:support@whatix.com?subject=Request%20to%20enable%20Customisations%20in%20Mirror&body=Hi%20Whatfix%20Support%20Team%2C%0A%0APlease%20enable%20the%20Customisations%20in%20Mirror%20feature%20for%20my%20account.%0A%0AThanks%2C%0A).

Whatfix Mirror enables you to customize Mirror Nudge settings for the elements your learner interacts with on each Mirror Screen. You can adjust the nudge to match your application’s branding, control when it appears, and choose how it draws attention to a target element.

For example, in an onboarding Workflow, you can set the Mirror Nudge to your brand color and configure it to appear after a learner makes two incorrect clicks. This gives your learners a chance to try each step independently before the Nudge appears.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror%20Customisation.gif?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!WARNING]
> Note:
> 
> - Mirror Nudge customisations are account-level settings and apply to all Mirror Screens across your Workflows and Simulations.
> - Mirror Nudge settings apply in both SCORM and non-SCORM deployments, and in Playground Mode. For more information, see [Export a Mirror Workflow as a SCORM Package](/mirror/docs/export-a-mirror-roleplay-as-a-scorm-package) and [Understand Playground Mode](/mirror/docs/understand-playground-mode).
> - Mirror Nudge settings apply to Workflows in all languages. A Language Variant reflects the settings applied to its default language variant. For more information, see [Multi-Language Support in Mirror](/mirror/docs/multilanguage-support-in-mirror).

Use the following steps to customize the learner experience in Mirror:

1. On the [Whatfix Mirror Dashboard](/mirror/docs/how-can-i-access-the-whatfix-mirror-dashboard), click **Settings**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Settings(1).png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
2. Click **Customisations**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Customisations.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
3. Under **Nudges**, turn the **Enable** toggle on or off based on your preference. By default, Whatfix enables Mirror Nudges for all Mirror Workflows and Simulations.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Nudge_Enable_Toggle.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!WARNING]
> Note:
> 
> - When you disable Mirror Nudges, Whatfix removes them from all Mirror Screens in your Workflows and Simulations. Learners can still interact with each screen, but the Mirror Nudge no longer highlights the target element they need to click. To restore Mirror Nudges, re-enable the toggle save the customisation settings.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Nudges_Disabled.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
> - When you disable Mirror Nudges, the **Appearance** and **Interactions** settings become unavailable. Re-enable Mirror Nudges again to access these settings.
4. Under **Appearance**, set the **Number of attempts** before a Mirror Nudge appears. For example, set it to 2 to show the nudge after a learner makes two incorrect clicks so learners attempt each step independently and receive assistance only when they need it.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Number_of_Attempts.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!WARNING]
> Note:
> 
> By default, the **Number of attempts** is set to 1, and the Nudge appears after the learner's first incorrect click. The attempt count resets when the learner reaches a new Mirror Screen within the Workflow or refreshes the page.
5. Click the **Color** icon.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Color_Picker_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
6. Select a color using the color picker, or enter a hex code to specify the Nudge color. For example, you can use your application’s primary brand color to make the nudge appear native to the application.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Nudge_Color_Picker.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!TIP]
> Tip:
> 
> Select a color for the nudge that contrasts with your captured Mirror Screens. A Mirror Nudge in a color close to the background of a screen is hard for learners to see.
7. In the **Appearance style** section, you can choose one of the following appearance styles to highlight the target element:

> [!NOTE]
> Info:
> 
> Whatfix displays the preview of each nudge appearance style so you can see how the Mirror Nudge will look before you select one. The following GIF shows the available nudge appearance styles: ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror%20Customisation.gif?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
  - **Hollow:** Outlines the target element while keeping the rest of the screen unchanged. This style works well for dense screens where surrounding details need to remain visible.
  - **Glass Panel:** Dims the screen and highlights the target element through a translucent panel. This style works well for sparse screens where the target needs to stand out. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Color_Picker_icon(1).png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
8. Under **Interactions**, in the **Style** section, choose how the Mirror Nudge animates to attract attention. You can choose one of the following options:

> [!NOTE]
> Info:
> 
> Whatfix displays a preview of each nudge animation style so you can compare them before you select one. The following GIF shows the available nudge appearance styles:
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror%20Customisation.gif?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
  - **Beam:** A focused beam of light sweeps across the Mirror Nudge.
  - **Pulsate:** The Mirror Nudge gently grows and shrinks in a continuous pulse.
  - **Ripple:** A ripple effect expands outward from the Mirror Nudge.
  - **Shadow:** A subtle shadow effect draws attention to the Mirror Nudge.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Nudge_Style.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
9. Click **Save**. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Save_Nudge_Customization.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!NOTE]
> Info:
> 
> When you save changes to Mirror Nudge customisations, Whatfix applies them to Workflows and Simulations in the **Draft** and **Ready** stages.
10. Click **Publish all** to apply the Mirror Nudge customisations to Workflows and Simulations in the **Production** stage. This ensures your learners see the updated Mirror Nudge the next time they access a Workflow or Simulation.![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Save_all_Customizations.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)
11. Click **Publish all** again to confirm.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Click_Publish_all.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!NOTE]
> Info:
> 
> Expand **Styles** to view the style changes before you publish them.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_Db_Nudge_Changes_Expanded.png?sv=2026-02-06&spr=https&st=2026-10-29T14%3A30%3A23Z&se=2026-10-29T15%3A30%3A23Z&sr=c&sp=r&sig=Z3NlwpTIb%2FVmfROQQHXl%2Bgyp0xNpfAVbDFkPk2PIv7k%3D)

> [!WARNING]
> Note:
> 
> - Preview a Workflow to confirm how the Mirror Nudge appears to learners. For more information, see [Preview a Mirror Workflow](/mirror/docs/preview-a-mirror-workflow).
> - Preview a Simulation to confirm the Mirror Nudge customisations appear across all Workflows it contains. For more information, see [Preview a Mirror Simulation](/mirror/docs/preview-a-mirror-simulation).

The feature release stage in which functionality is made available to a limited group of users for testing and feedback. Beta features are generally stable but may still undergo changes before becoming Generally Available (GA).

Whatfix Mirror is an application simulation software that provides an immersive and interactive simulation of any web application.

A visual highlight that guides learners to the element they need to interact with on a Mirror Screen.

A replica of an application screen captured based on a UI element.

A sequence of captured mirror screens representing a specific user journey or process (e.g., "How to create a Lead in Salesforce?").

SCORM stands for Sharable Content Object Reference Model. SCORM packages enable you to share web-based learning with ease and reuse it across different eLearning platforms.

A mode within Simulation that facilitates the connection and interaction of workflows within the simulated environment. Playground mode is enabled by default.

A version of the default language variant captured in a different language. Language variants are stored within the same workflow and share the same stage.

A feature that enables you to connect and link multiple Mirror Workflows to represent a complex user journey across an application or ecosystem. Workflows added to a simulation are automatically linked.