Top
Change the design of the tool tip
  • 07 Nov 2022
  • 3 Minutes To Read
  • Dark
    Light
  • PDF

Change the design of the tool tip

  • Dark
    Light
  • PDF

Whatfix provides various customization options that enable you to change the look and feel of your Flows' tooltips according to your preferences.

Note

Only an Account Manager can perform the following task. For more information about available roles see, Whatfix User Roles.

You can customize the design of your Flows' tooltips by setting,

  • A default theme for all Flows
  • Individual themes for each Flow
Set a default theme for all Flows

Info

When you set a default theme, all Whatfix tool tips get created with the same theme.

Use the following steps to set a default theme for your account,

  1. On the Whatfix Dashboard, click Themes.
    Dashboard_themes

  2. Click the Flow tile.
    Dashboard_themes_flow

  1. The Flow Theme section has the following customizations that you can enable across all Whatfix Flows.

    • Tool Tip: Configure tips, select a color, format font, and text sizes, customize tip shapes and buttons.
    • End Message: Enable or disable the end message. You can also select colors, font sizes etc. for your end message text for all Flows. For more information, see Request feedback at the end of a Flow.
    • Automation: Enable or disable the Flow Automation Pop-up, show or hide information regarding when the user's input is required, and configure the background opacity. For more information, see Configure the Flow Automation pop-up.
      CLMDashboard_flow_theme_page
  2. Pick a tool tip Theme from the available options.
    Dashboard_contheme_tooltheme

    Here's how each theme modifies the tool tip appearance

Note

All colors and fonts can be customized in each theme.

  1. Expand Tip Configuration and configure the following,

    • Color configuration: Choose from the existing color palette or pass the hex code of the desired color
    • Text Configuration: Choose font size, color, and style of the Tool Tip text
    • Next Button: Choose to show/hide NEXT button, configure the appearance style, customize button, and text color

    Dashboard_theme_tipconfig

  2. Expand Other Configuration and configure the following,

    • Back Button: Choose to show or hide back button
    • Step Number: Choose to show or hide step number
    • Flow Name: Choose to show or hide Flow name
    • Flow Name Text: Choose font size and color for the Flow name
    • Corner Radius: Add rounded corners for your tips
      Dashboard_theme_otherconfig
  3. Click Save.

Note

To enable additional themes, contact [email protected]

Set individual themes for each Flow

Use the following steps to set individual themes for each Flow,

  1. On the Whatfix dashboard, hover your cursor over the flow you want to edit, and then click the Edit icon.
    CLMDashboard_list_view_flow_edit

Info

Whatfix Content and Widgets can be edited in the Draft and Ready Stages.

  1. Click the Customize button.
    CMDashboard_flow_customize

  2. The Flow Theme section has the following customizations that you can enable for a flow,

    • Tool Tip: Configure tips, select a color, format font, and text sizes, customize tip shapes and buttons.
    • End Message: Enable or disable the end message. You can also select colors, font sizes etc. for your end message text for all flows. For more information, see Request feedback at the end of a Flow.
    • Automation: Enable or disable the flow automation pop-up, show or hide information regarding when the user's input is required, and configure the background opacity. For more information, see Configure the Flow Automation pop-up.
      CLMDashboard_individual_flow_themes
  3. Pick a tool tip theme from the available options.
    Dashboard_contheme_tooltheme

    Here's how each theme modifies the tool tip appearance

Note

All colors and fonts can be customized in each theme.

  1. Expand Tip Configuration and configure the following,

    • Color configuration: Choose from the existing color palette or pass the hex code of the desired color.
    • Text Configuration: Choose font size, color, and style of the tool tip text.
    • Next Button: Choose to show/hide NEXT button, configure the appearance style, customize button, and text color.
      Dashboard_theme_tipconfig
  2. Expand Other Configuration and configure the following,

    • Back Button: Choose to show or hide back button
    • Step Number: Choose to show or hide step number
    • Flow Name: Choose to show or hide Flow name
    • Flow Name Text: Choose font size and color for the Flow name
    • Corner Radius: Add rounded corners for your tips
      Dashboard_theme_otherconfig
  3. Click Save.

Note

To enable additional themes, contact [email protected].


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.