--- title: "Enable Spotlight feature" slug: "enabling-spotlight-feature" updated: 2026-03-03T14:36:55Z published: 2026-03-03T14:36:55Z canonical: "support.whatfix.com/enabling-spotlight-feature" --- > ## 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. # Enable Spotlight feature The Spotlight feature is used in a Flow step to get the user to focus on an element and the Flow content while the rest of the screen is blacked out. When Spotlight is enabled, the end user is restricted to click only the element that completes the step. The end user cannot interact with other elements on the page. ![spotlightfeature.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/spotlightfeature.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) --- Spotlight is enabled for individual steps in Flows in two instances: - [While creating a Flow](/docs/enabling-spotlight-feature#while-creating-flow) - [After creating a Flow](/docs/enabling-spotlight-feature#after-creating-flow) Info: If you want to enable Spotlight for all the steps in multiple Flows, see [Enable Spotlight for multiple Flows](/docs/enabling-spotlight-feature#Enable-Spotlight-for-multiple-Flows). ## While creating a Flow 1. Log in to the application where you want to create content, and then launch the **Whatfix Studio**. ![CLM_editor plug in2](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_editor%20plug%20in%282%29.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. Click **Flow**. ![Click Flows ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_Click_Flows.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. In the Studio toolbar, select a capture mode. ![std_toolbar_capture_modes](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/std_toolbar_capture_modes.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) Note: - **Free floating step** is currently Beta. Contact [support@whatfix.com](http://mailto:support@whatfix.com?subject=Enable%20Free-floating%20Flow%20step%20&body=Hi%0A%0AI%20would%20like%20to%20explore%20the%20new%20Free-floating%20Flow%20step%20type.%20Kindly%20enable%20it%20on%20my%20ENT%0A%0AThanks) for more information. - For more information on different capture modes, see [Quick Capture Modes](https://support.whatfix.com/docs/what-are-quick-capture-flows#quick-capture-modes). 1. Click the desired elements on the application page. ![Create_Flow_Leads_Click](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-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. After you have captured the required steps, click **Done**. ![std_toolbar_done1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/std_toolbar_done%281%29.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. Enter the name of the Flow. ![Editor_flow_name6](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Editor_flow_name%286%29.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) Info: - Whatfix enables you to add a Display Name for your end users. Use the Content Name for internal tracking, such as region, role, module, or release codes. Users then see the Display Name in the Self Help, Task List widgets and Exports. For more information, see [Add a Display Name to Whatfix Content](https://support.whatfix.com/docs/add-a-dislay-name-to-whatfix-content). ![The image shows the Flow name and the Display Name field while creating a flow on the Studio.](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/FlowDisplayName.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) - To capture additional steps, click **Add Step**. ![Click Add Step](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click%20Add%20Step.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 1. Click **Advanced Options**. ![Click Advanced options on Flow steps ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_FlowSteps_Advancedoptions.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. Under **More Options**, enable the **Show as spotlight** toggle. ![Studio_enablespotlight](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_10-28-03%281%29.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. Once enabled, you have two options to personalize the Spotlight based on your needs. ![Studio_Configure_Spotlight](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_10-29-04.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) - **Opacity of overlay**: It is used to configure the opacity of the Spotlight. - **Hide spotlight on hover**: It disables Spotlight when the user hovers their cursor over the selected element. The option is ideal for drop-down elements where hovering over it shows multiple options. --- ## After creating a flow 1. On the Whatfix Guidance dashboard, click **Content**. ![ia_left_nav_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-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. Click **Flows**. ![ia_left%20nav_flows](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_flows.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. Hover your cursor over the Flow you want to update, and then click the **Edit** icon. ![Desktop_Click_edit](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Desktop_Click_edit.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 4. Go to the required step, and then click anywhere on the step card to edit it. ![db_edit_flow_card](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/db_edit_flow_card.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 1. Click **Advanced Options**. ![Click Advanced options on Flow steps ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Studio_FlowSteps_Advancedoptions.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. Under **More Options**, enable the **Show as spotlight** toggle. ![Studio_enablespotlight](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_10-28-03%281%29.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. Once enabled, you have two options to personalize the Spotlight based on your needs. ![Studio_Configure_Spotlight](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2024-10-18_10-29-04.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) - **Opacity of overlay**: It is used to configure the opacity of the Spotlight. - **Hide spotlight on hover**: It disables Spotlight when the user hovers their cursor over the selected element. The option is ideal for drop-down elements where hovering over it shows multiple options. 1. Click **Save** once you complete editing the Flow. ![Image](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_flow_edit_save.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) --- ## Enable Spotlight for multiple Flows Whatfix also enables you to use the Spotlight feature for all the steps in multiple Flows using the **spotlight** tag. Spotlight is enabled for all the steps in flows to which the tag is added. Use the following steps to enable the spotlight feature in multiple Flows: 1. On the Whatfix Guidance dashboard, click **Content**. ![click_content1](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/click_content%281%29.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. Click **All Content**. ![Click_All_Content](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Click_All_Content.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. Select the checkboxes next to the content you want to tag. ![CLM_DB_Select_Flow_Checkbox.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/CLM_DB_Select_Flow_Checkbox.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 4. Click the **Tags** icon. ![2023-05-24_09-56-28.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/2023-05-24_09-56-28.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 1. Click **Manage Tags**. ![Image](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/tags_click_manage_tags.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 2. In the dialog box, search and add the tag **spotlight**. ![RB_dashboard_flow_tag_spotlight](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_dashboard_flow_tag_spotlight.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) 3. Click **Update**. ![Update tags for Flows on Dashboard ](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Dashboard_Flows_Spotlight_TagsUpdate.png?sv=2026-02-06&spr=https&st=2026-10-14T07%3A03%3A15Z&se=2026-10-14T08%3A03%3A15Z&sr=c&sp=r&sig=V10pZFSaMRgA31QpzcsoUIb%2FxyIa6axJ9B8z24abLmU%3D) Note: - If the Spotlight tag is added to a Flow and the spotlight is also manually disabled for a step in the UI, then the spotlight for that step does not appear. The step level configuration has precedence over the tag. The precedence for spotlight is explained below. **Advanced Customization > Step level Spotlight configuration > Spotlight tag** - The spotlight feature works only on Flows. PDF, video, article formats that are generated from the Flow do not display the spotlight. - If the multi-select feature is used to select multiple elements and Spotlight is enabled for that step, it will apply only to the first selected element. ## Related - [Flow](/flow.md)