Top
Changing the design of the Tool Tip
  • 3 Minutes To Read
  • Print
  • Dark
    Light

Changing the design of the Tool Tip

  • Print
  • Dark
    Light

You can change the look and feel of Whatfix Tool Tips according to your preference using various customization options provided by Whatfix.

Note

You need the Account Manager or Content Manager role to customize the look and feel of Whatfix content.

You can customize the design in the following instances,

  • While setting a default Tool Tip
  • Post creating a Flow

While setting a default Tool Tip

your title goes here

When you set a default Tool Tip, all Whatfix content gets created with the same theme.

To set a default Tool Tip for your account,

  1. Navigate to the Whatfix Dashboard.
    gotoDashboard%20%282%29.png
  2. On the top right, click the Settings icon.
    New_settings_icon
  1. Click Configuration.
    Settings_config
  1. The Theme section offers the following customizations that you can enable across all Whatfix content.
    • 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 Requesting 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 Configuring the Flow Automation pop-up
End messages can be customized at the end while creating the Flow using the Whatfix Editor.

    theme_tab_new_UI

  1. Pick a Tool Tip theme from the available options.

    tooltips_themes

    Here's how each theme modifies the Tool Tip appearance
    tooltip theme

Note
  • All colors and fonts can be customized in each theme.

  • If you don't see multiple themes to select, contact support@whatfix.com to enable new themes.
  1. Expand TIP CONFIGURATION.
    You can 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 and configure button and text color.
  1. Expand OTHER CONFIGURATION.
    • 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
    8. Click Save.
    To enable additional themes, contact support@whatfix.com.

    Post creating a Flow

    1. Navigate to Whatfix Dashboard.

    2. Hover the cursor over the Flow you want to edit and then click the Edit icon
      edit_icon_content_tile(1).png

    3. Click the Customize button.
      customize.png

    4. We offer the following customizations that you can enable for this 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 Requesting 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 Configuring the Flow Automation pop-up

    tooltip config

    1. Select a Tool Tip theme from the available options.

      tooltips_themes

      Here's how each theme modifies the Tool Tip appearance
      tooltip theme

    Note
    • All colors and fonts can be customized in each theme.

    • If you don't see multiple themes to select, contact support@whatfix.com to enable new themes.
    1. Expand TIP CONFIGURATION.
      You can 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 the NEXT button and configure button and text color.
    1. Expand OTHER CONFIGURATION.
      • Back Button: Choose to show or hide the back button
      • Step Number: Choose to show or hide the step number
      • Flow Name: Choose to show or hide the Flow name
      • Flow Name Text: Choose font size and color for the Flow name
      • Corner Radius: Add rounded corners for your tips
      8. Click Save.
      To enable additional themes, contact support@whatfix.com.
Was This Article Helpful?