Change the design of the Tooltip

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

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

4. Pick a tool tip Theme from the available options.
   

   Here's how each theme modifies the tool tip appearance:

   

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

   

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

7. Click Save.

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

   

2. Click the Customize button.
   

3. 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 Customizing the end message of a Flow.
  

4. Select a Tooltip theme from the available options.
   

Here's how each theme modifies the Tooltip appearance:

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.

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

  

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

7. Click Save.