---
title: "Create a Launcher on Mirror"
slug: "create-a-launcher-on-mirror"
updated: 2026-06-22T10:38:13Z
published: 2026-06-22T10:38:13Z
canonical: "support.whatfix.com/create-a-launcher-on-mirror"
---

> ## 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.

# Create a Launcher on Mirror

## Overview

Whatfix enables you to create a Launcher on a Mirror simulation to add a customizable button that triggers content such as a Flow, Pop-up, Video, or Link with a single click. The Launcher stays available on the Mirror Screen for learners to access whenever they are ready.

For example, you can create a Launcher on a Mirror simulation to give learners on-demand access to a guided Flow that replays the Workflow they are practicing, so they can revisit the steps at their own pace.

For more information, see [What are Launchers?](/studio/docs/what-are-launchers)

## Use Cases

Use Launchers to implement the following use cases:

- Provide always-available access to a Flow or video that reinforces the simulated Workflow.
- Trigger a Pop-up that introduces a feature or a limited-time message relevant to the current screen.
- Link learners to a reference article or knowledge base resource related to the task they are practicing.

## Create a Launcher

Expand the following accordions for more details:

****Step-1: Create a Launcher****

Use the following steps to create a Launcher collection:

1. Log in to the application where you want to create content, and then launch Whatfix Studio.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor plug in.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
2. Under **CONTENT**, click **Launcher**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Click_Launcher.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
3. Enter a name for the Launcher Collection.

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

> [!NOTE]
> Info:
> 
> - A Launcher collection is a group of Launchers and are usually on the same page.
> - The Launcher collection name is solely for your (creator's) reference and is not visible to your learners.
> - Visibility Rules are defined at the Launcher collection level. Consequently, a Launcher must belong to a collection in order to be displayed, even when only a single Launcher is present on a page.
4. Click **Add Launcher** to create a new Launcher.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Click_Add_Launcher.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
5. Select an element on the application where the Launcher must appear.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Create_Flow_Leads_Click.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
6. In the **Launcher Text** box, enter the text for the Launcher.

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

> [!WARNING]
> Note:
> 
> - Make the following changes to the **Launcher Text**:
> 
> a. Bold the text
> 
> b. Change the font size of the text
> 
> c. Make the text italic
> 
> d. Underline the text
> 
> 
> 
> - The **Launcher Text** can have up to 50 characters.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_launcher_limit(1).png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
7. In the **Launcher Actions** section, using the dropdown, select the content you want to trigger through a Launcher. For more information, see [Launcher Actions and their Use Cases](/studio/docs/create-a-launcher?highlight=Launcher%20actions%20and%20their%20use%20cases).

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

> [!WARNING]
> Note:
> 
> If no content appears in the dropdown menu when you attach it to a Launcher, the content has no **Draft** or **Ready** version. Whatfix does not display content that is in **Production**. Create a version of the content, then attach it to the Launcher. When you publish the Launcher, Whatfix also pushes the linked content to the **Production** stage.
8. For instance, to trigger a Flow from the Launcher, click **Attach Flow** and select the content.

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

> [!WARNING]
> Note:
> 
> The button changes as per the **Launcher Actions** you have selected.
9. Expand the **Appearance** dropdown and select the Launcher **Type** appearance using the dropdown menu.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-1728228221636.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)

### Select Label Only

### Select Icon Only
  - Select the **Label Only** option if you want your Launcher to appear as a button. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-1728228324270.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
  - Use different button styles to suit the underlying application. Select between (Primary) button, (Secondary) button, and button styles based on your use case.
  - Configure the **Color**, **Corner radius**, **Height**, and **Width** for the Launcher. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-1728228988980.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
  - Select the **Icon Only** option if you want your Launcher to appear as an icon. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-1728230522732.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
  - Select an **Icon** for the Launcher, and then configure the **Color** and **Size** for the Launcher. ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-1728278826438.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)

> [!WARNING]
> Note:
> 
> - By default, Whatfix provides three types of icons for a Launcher.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-1728230578284.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
> - Whatfix enables you to add your custom icons for your Launchers. For more information, see [Use custom icons for Launcher](/studio/docs/use-custom-icons-for-launcher).
10. Expand the **Position** dropdown, and then click the **Lock** icon to unlock and set the position of the Launcher.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_Unlock_launcher.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
11. Under **Additional Options**, enable the **Anchor to Page** or **Anchor to Element** toggle based on your requirement. For more information, see [Anchor content to a Page](/studio/docs/anchor-to-page) and [Anchor content to an Element](/studio/docs/anchor-to-element).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Smart_Tip_Additional_Options.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
  1. 
12. In the **Visibility Rules**, enter the required visibility rules for the Launcher. Visibility Rules enable you to configure Launchers to display only when pre-determined conditions are met. For more information, see [Understand New Visibility Rules for Content](/studio/docs/understand-advanced-visibility-rules-for-content) and [Configure Where DAP Guidance Appears](/mirror/docs/configure-where-dap-guidance-appears).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Visibility_Rules.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
13. Click **Save Launcher**.

![clm_launcher_save launcher](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_launcher_save%20launcher.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)

> [!NOTE]
> Info:
> 
> - To add more Launchers, click **Add Launcher**, and then repeat steps 5 to 12.
> 
> ![clm_launcher_add launchers 1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/clm_launcher_add%20launchers%20%20%281%29.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
> - Edit a Launcher inside a collection during the Launcher creation process. For more information, see [Edit a Launcher](/studio/docs/edit-a-launcher).![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Dashboard_Click_Edit_Launcher.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)

> [!WARNING]
> Note:
> 
> Once you have created the Launcher collection, it is automatically created on your Whatfix Guidance Dashboard. For more information, see [Overview of the Whatfix Guidance Dashboard](/studio/docs/overview-of-the-whatfix-dashboard).

****Step-2: Configure the Visibility Rules for the Launcher****

Use the following steps to configure visibility rules for a Launcher:

1. On the [Whatfix Guidance Dashboard](/studio/docs/overview-of-the-whatfix-dashboard), click **Content**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left_nav_content.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
2. Click **Launchers**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left nav_launchers.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
3. Hover your cursor over the Launcher collection you want to configure, and then click **Edit**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-9YA7YM3X.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
4. Click **Collection Visibility**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-8MA7N95M.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
5. Expand the **Where does the launchers colection Rules appear?** section, and configure URL and Page tags. For more information, see [Set Where your Content or Widget appears with the New Visibility Rules](/studio/docs/set-where-your-widget-appears).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-Q9P5HHKE.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
6. Expand the **When does the launchers collection Rules start and stop appearing?** section, and configure when you want to start showing your widget. For more information, see [Set When your Content or Widget Appears with the new Visibility Rules](/studio/docs/set-when-your-widget-appears-using-visiblity-rules-20).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-BVM5DWZ6.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
7. Expand the **Who does the launchers collection Rules appear to?** section, and configure who you want to show your content to. For more information, see [Set Who can see your Content or Widget with the New Visibility Rules](/studio/docs/set-who-can-see-your-widget).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-DRI1JD34.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)
8. Click **Save**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/image-7SUR242F.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A30%3A13Z&se=2026-10-29T16%3A30%3A13Z&sr=c&sp=r&sig=BVLmL12QHooFR0XDGwFjiqcLU2xohT5sL3SQ%2BW5DN4w%3D)

> [!WARNING]
> Note:
> 
> To display the Launcher on your Mirror simulation, you must move both the Launcher and the Mirror simulation from the **Draft** stage to the **Production** stage before you share them with your learners. Publish the Launcher on the Whatfix Guidance Dashboard and the Mirror simulation on the Whatfix Mirror Dashboard.
> 
> 
> 
> For more information, see [Publish all Whatfix content and widgets to Production](/studio/docs/pushing-whatfix-content-to-production) and [Publish Whatfix Mirror](/mirror/docs/publish-whatfix-mirror).

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?").

Whatfix Studio is a browser plug-in that enables you to create various types of Whatfix content, such as Flows, Smart Tips, Beacons, and so on. The plug-in can be installed on Google Chrome and the new Microsoft Edge browsers.