Top
Enabling Spotlight Feature
  • 2 minutes to read
  • Print
  • Dark
    Light

Enabling Spotlight Feature

  • Print
  • Dark
    Light

The Spotlight feature is used in a Flow step to get the user to focus on an element while the rest of the screen is blacked out. When Spotlight is enabled, the user is restricted to click only the element that completes the step. The user cannot interact with other elements on the page.

spotlightfeature.png

Spotlight can be enabled for individual step in two instances,

If you want to enable Spotlight for all the steps in multiple Flows, see Enable Spotlight for multiple Flows.

While creating a Flow

  1. Click the Whatfix Editor plugin to launch the Editor.
    editorplugin
  2. Click Flow.
    editor_flow.png
  3. Enter the name of the Flow as you want it displayed to the user.
    name_your_flow_field1.png
  4. Click +Step.
    %2Bstep1.png
  5. Click the desired element on the page that the user needs to select.
    select%20element.png
  6. In the Editor, scroll down to the Spotlight Options section.
    Spotlight
  7. Use the toggle button to enable Spotlight for the step.
  8. Once enabled, you have two options to personalize the Spotlight based on your needs.
    • Disable Spotlight on hover - This option disables Spotlight when the user hovers over the selected element. This is ideal for drop-down elements where hovering over it shows multiple options.
    • Overlay opacity - This can be used to configure the opacity of the Spotlight. By default, it is set at 70%.
      spotlight_options
  9. Finish creating the Flow.

After creating a Flow

  1. Navigate to the Whatfix Dashboard.
  2. Hover over the Flow you want to edit and click the Edit icon
    edit_icon_content_tile(1).png
  3. Navigate to the step on which you want to enable Spotlight. 
    navigate_step.png
  4. Click Edit.
    click_edit_step.png
  5. Scroll down to the Spotlight Options section.
    Spotlight
  6. Use the toggle button to enable spotlight for the step.
  7. Once enabled, you have two options to personalize the spotlight based on your needs.
    • Disable Spotlight on hover - This option disables Spotlight when the user hovers over the selected element. This is ideal for dropdown elements where hovering over it shows multiple options.
    • Overlay opacity - This can be used to configure the opacity of the Spotlight. By default, it is set at 70%.
      spotlight_options
  8. Click Save Step.
    click_Save_step.png

Enable Spotlight for multiple Flows

You can also enable 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.

To enable the spotlight feature in multiple Flows,

  1. Navigate to the Whatfix Dashboard. 
    gotoDashboard%20%282%29.png
  2. Select the contents you want to tag using the circular checkboxes at the top right corner of each tile. 
    multiple_select_content_tile.png
  3. Click the Manage Tags icon.
    manage_tags.png
  4. In the pop-up, search and add the tag spotlight.
    add_spotlight_tags_in_bulk_flows
  5. Click Done
    click_done_spotlight_bulk
Note
  • If the Spotlight tag is added to a Flow and the Spotlight 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 explained below.

    Advanced Customization > Step level Spotlight configuration > Spotlight tag

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

Was this article helpful?