Top
Enable the Spotlight feature
  • 07 Jan 2026
  • 2 Minutes To Read
  • Dark
    Light
  • PDF

Enable the Spotlight feature

  • Dark
    Light
  • PDF

Article summary

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

Spotlight is enabled for individual steps in Flows in two instances:

  • While creating a flow.
  • After creating a flow.
  • Using tags.
While creating a flow

  1. Open the desktop application where you would like to create the Flow and then launch the Whatfix Desktop Studio.
    desktop_studio.png

  2. Click Flow.
    Studio_Click_Flow

  3. Enter the name of the Flow as you want it displayed to the users.
    Studio_Enter_Flow_Name

  4. Click + Add Step.
    Studio_Click_Add_Step

  5. Click the desired element on the page that the user needs to select.

  1. Click Advanced Options.
    Desktop_Advanced_options.png

  2. Under More Options, enable the Show as spotlight toggle.
    Desktop_show_as_spotlight.png

  3. Once enabled, you have two options to personalize the Spotlight based on your needs.
    Editor_flow_spotlight_options

  • Opacity of overlay: This can be used to configure the opacity of the Spotlight. By default, it is set at 70.
  • Hide spotlight on hover: This option disables Spotlight when the user hovers their cursor over the selected element. This 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

  2. Click Flows.
    ia_left%20nav_flows

  3. Hover your cursor over the Flow you want to update, and then click the Edit icon.
    Desktop_Click_edit

  4. Go to the step and then click the Edit icon.
    Dashboard_flow_edit_option

  1. Go to Advanced Options section, then enable Show as Spotlight toggle button.
    Desktop_Advanced_options.png

  2. Under More Options, enable the Show as spotlight toggle.
    Desktop_show_as_spotlight.png

  3. Once enabled, you have two options to personalize the Spotlight based on your needs.
    Editor_flow_spotlight_options

  • Opacity of overlay: This can be used to configure the opacity of the Spotlight. By default, it is set at 70.
  • Hide spotlight on hover: This option disables Spotlight when the user hovers their cursor over the selected element. This is ideal for drop-down elements where hovering over it shows multiple options.
  1. Click Save.
    DVM_Click_Save

Using tags

You can also enable the Spotlight feature for one or more Flows using the spotlight tag. Spotlight is enabled for all the steps in the Flows to which the tag is added.

Use the following steps to enable the Spotlight feature using tags:

  1. On the Whatfix Guidance dashboard, click Content.
    ia_left_nav_content

  2. Click Flows.
    ia_left%20nav_flows

  1. Select the Flows you want to tag using the checkboxes.
    Desktop_Select_flows

  2. Click the Tags icon.
    Desktop_flows_click_tags

  3. Click the Plus icon.
    add_manage_tags.png

  4. Select the spotlight tag.
    spotlight_tag.png

  5. Click Done.
    done.png

Info:
  • If the Spotlight tag is added to a Flow and is also manually disabled for a step in the UI, then Spotlight for that step does not appear. The Step level configuration has precedence over the tag. The precedence for Spotlight is as follows:

Advanced Customization > Step level Spotlight configuration > Spotlight tag

  • The Spotlight works only on Flows. PDF, video, and article formats that are generated from the Flow do not display the spotlight.


Was this article helpful?

What's Next
Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.