Top
Enable the Spotlight feature
  • 08 Jun 2023
  • 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 not get distracted by anything else on the of the screen. When Spotlight is enabled, the end user is restricted to click only the element that completes the step. The other elements on the page are blacked out and cannot be clicked.
spotlight_demo

The Spotlight feature can be enabled for Flows in the following ways:

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

  1. Open the desktop application where you'd like to create the Flow and then launch the Whatfix Desktop Editor.

  2. Click Flow.
    desktop-click-flows-editor

  3. Enter the name of the Flow as you want it displayed to the users.
    desktop-name-fow

  4. Click +Step.
    73

  5. Click the desired element on the page that the user needs to select.
    desktop-select-elements-flow

  1. In the Editor, scroll down to Spotlight Options.
    spotlight_options.png

  2. Use the toggle button to enable Spotlight for the step.
    toggle_spotlight.png

  3. Customize the Spotlight based on your needs.

    your title goes here

    Use the following steps to customize the spotlight by changing its Overlay Opacity,
    a. Select the checkbox next to Overlay Opacity.
    spotlight_options.png

    b. Change the opacity according to your needs. By default, it is set at 70%.
    For example, A Flow with Spotlight Opacity set at 70% looks like the following:

  4. Finish creating the Flow.

After creating a flow

  1. Navigate to the Whatfix Desktop Dashboard.
    GotoDashboard_Desktop

  2. Hover your cursor over the Flow you want to edit, and then click Edit.

    CLM_DB_Click_edit_icon.png

  3. Click Edit on the step you want to edit.
    WhatfixDesktop_Click_Edit_Flow

  4. Scroll down to the Spotlight Options section.
    spotlight_options.png

  5. Use the toggle button to enable Spotlight for the step.
    toggle_spotlight.png

  6. Customize the Spotlight based on your needs.

    your title goes here

    Use the following steps to customize the spotlight by changing its Overlay Opacity,
    a. Select the checkbox next to Overlay Opacity.
    spotlight_options.png

    b. Change the opacity according to you needs. By default, it is set at 70%.

  7. Click Save Step.
    savestepflow.png

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. Navigate to the Whatfix Desktop Dashboard.
    GotoDashboard_Desktop

  2. Select the Flows you want to tag using the checkboxes.
    db_select content

  3. Click the Manage Tags icon.
    clm_db_tags

  4. Click the Plus icon.
    add_manage_tags.png

  5. Select the spotlight tag.
    spotlight_tag.png

  6. Click Done.
    done.png

your title goes here
  • 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?

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.