---
title: "Create a Blocker on Mirror"
slug: "create-a-blocker-on-mirror"
updated: 2026-06-30T03:50:08Z
published: 2026-06-30T03:50:08Z
canonical: "support.whatfix.com/create-a-blocker-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 Blocker on Mirror

> [!WARNING]
> Note:
> 
> Blocker is a Beta feature, supported only for cloud deployments. For more information, contact [support@whatfix.com](mailto:support@whatfix.com?subject=Need%20access%20to%20Blocker&body=Hi%2C%20%0A%0ACould%20you%20please%20enable%20access%20to%20the%20Blocker%20feature%20on).

## Overview

Whatfix enables you to create a Blocker on a Mirror simulation to gate learner interaction with a specific element and surface a tooltip that guides them toward the correct action. A Visible Blocker shows its tooltip when learners hover their cursor over the element, and an Invisible Blocker shows it on click.

For example, you can create a Blocker on a Mirror simulation to stop learners from skipping a required step, prompting them with the correct action they need to complete before moving forward.

For more information, see [What is a Blocker?](/studio/docs/improve-data-accuracy-and-user-compliance-with-blockers)

## Use Cases

Use Blockers to implement the following use cases:

- Enforce a sequence by restricting interaction until learners complete the intended step.
- Guide learners back on track when they attempt an incorrect action during the simulation.
- Keep learners focused on the current task by limiting interactions to the relevant UI elements.

## Create a Blocker

Expand the following accordions for more details:

****Step-1: Create a Blocker****

Use the following steps to create a Blocker 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%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
2. Under **CONTENT**, click **Blocker**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Click_Blocker.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
3. Enter a name for the Blocker Collection.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Enter_Blocker_Name.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)

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

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Click_Add_Blocker.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
5. Select an element on the application where the Blocker 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%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
6. Select the required Blocker type based on your requirement, either **Invisible blocker** or **Visible blocker**. For more information, see [Types of Blockers](/studio/docs/improve-data-accuracy-and-user-compliance-with-blockers?highlight=Types%20of%20Blockers).

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Blocker_interaction_Type.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
7. Under **Appearance**, select the required theme and color for the Blocker.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Blocker_Customizations(1).png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)

> [!NOTE]
> Info:
> 
> Whatfix enables you to customize the appearance of a Blocker in the following ways:
> 
> - For an Invisible blocker, you can change only the **Tooltip** type, **Color**, **Close (X) icon**, and **Close (X) icon color**.
> - For a Visible blocker, you can choose not only the **Tooltip** type, **Color**, **Close (X) icon**, and **Close (X) icon color**, but also the **Opacity** and **Gray filter** of the Blocker.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Blocker_Customization_Type.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
8. Enter a description for the Blocker.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Blocker_Description.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)

> [!NOTE]
> Info:
> 
> The Blocker description is visible your learners when they hover their cursor over the element.
9. In the **Visibility Rules**, enter the required visibility rules for the Blocker. Visibility Rules enable you to configure Blockers 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_Blocker_Visibility_Rules.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
10. Click **Save**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Click_Save_Blocker.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)

> [!NOTE]
> Info:
> 
> To add more Blockers, click **Add Blocker**, and then repeat steps 5 to 10.
> 
> ![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Studio_Click_Add_Blocker(1).png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)

> [!WARNING]
> Note:
> 
> Once you have created the Blocker 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 Blocker****

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

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%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
2. Click **Blockers**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Mirror_Db_Click_Blockers.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
3. Hover your cursor over the Blocker collection you want to configure, and then click **Edit**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Mirror_Db_Click_Edit_Blocker_icon.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
4. Click **Collection Visibility**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Whatfix_Db_Blocker_Collection_Visibility_Rules.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
5. Expand the **Where does the blockers collection 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/Whatfix_Dashboard_Click_Where_Blocker_Rules(1).png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
6. Expand the **When does the blockers collection Rules start and stop appearing?** section, and configure when you want to start showing the Blocker. 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/Whatfix_Dashboard_Click_When_Rules.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
7. Expand the **Who does the blockers 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/Whatfix_Dashboard_Who_Rules.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)
8. Click **Save**.

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Mirror_DB_Guidance_Click_Save.png?sv=2026-02-06&spr=https&st=2026-10-29T15%3A26%3A57Z&se=2026-10-29T16%3A26%3A57Z&sr=c&sp=r&sig=LjB%2BAhP3t%2BzOV88%2Fca1AxaUNk%2FhEBUV8cMDNRYM%2FxYg%3D)

> [!WARNING]
> Note:
> 
> To display the Blocker on your Mirror simulation, you must move both the Blocker from the **Draft** stage to the **Production** stage before you share them with your learners. Publish the Blocker 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).

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