Top
    Login
    Contents x
    Enable Spotlight feature
    • 04 Dec 2023
    • 2 Minutes To Read
    • Print
    • Dark
      Light
    • PDF
    Contents

    Enable Spotlight feature

    • Updated On 04 Dec 2023
    • 2 Minutes To Read
    • Print
    • Dark
      Light
    • PDF
    Article Summary

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

    Spotlight can be enabled for individual step in two instances:

    Info

    If you want to enable Spotlight for all the steps in multiple Flows, see 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.

    2. Click Flow.
      clm_Studio_flows

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

    4. Click + Add Step.
      Editor_flow_addstep

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

    1. Click ADVANCED OPTIONS.
      Editor_flow_advanced_option

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

    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. Finish creating the Flow.

    After creating a flow

    your title goes here

    If you have the enhanced Whatfix dashboard, use the following steps:

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

    2. Click Flows.
      ia_left%20nav_flows

    1. On the Whatfix dashboard, click Content.
      db_new_click_content_left_panel

    2. Hover your cursor over the required Flow, and then click the Edit icon.
      DB_CLM_Click_Edit.png

    3. Go to the step and then click Edit.
      Dashboard_flow_edit_option

    1. Scroll down to the Spotlight Options section.
      Dashboard_edit_spotlight_flow

    2. Enable the Spotlight toggle.

    3. Use the following options to personalize the spotlight based on your needs:

      • Disable Spotlight on hover: This option disables Spotlight when the user hovers their cursor 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%.
        Dashboard_flows_spotlight_options

    4. Click Save Step.
      SEditor_save_step

    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.

    Use the following steps to enable the spotlight feature in multiple Flows:

    1. On the Whatfix dashboard, select the content using the checkbox for which you want to add tags.
      CLM_DB_Select_Flow_Checkbox.png

    2. Click the Tags icon.
      2023-05-24_09-56-28.png

    1. In the pop-up, search and add the tag spotlight.
      RB_dashboard_flow_tag_spotlight

    2. Click Done.

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

    Was this article helpful?
    What's Next
    Privacy Policy | Whatfix Glossary | Whatfix Platform Status
    Copyright © 2023 WHATFIX TM. All rights reserved.
    Change password!
    Changing your password will log you out immediately. Use the new password to log back in.
    Change profile
    Success!
    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.
    Logout