---
title: "Animate the Self Help Tab"
slug: "animate-the-self-help-tab"
updated: 2025-05-15T03:24:39Z
published: 2025-05-15T03:24:39Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Animate the Self Help Tab

Whatfix enables you to catch the attention of your end users by animating the Self Help tab. Configure a tooltip that introduces Self Help when end users hover over it. Whatfix provides different configurable animation styles, using which you can make your end users aware of Self Help and show them how they can access it anytime they are looking for information.

          Info:

          

Expand the accordion(s) for more details.

     Animate an Old Self Help Tab
    
    

**Here's a GIF on animating Old Self Help**

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/animate_self_help%281%29.gif)

---

Use the following steps to enable the animation and tooltip:

1. On the Whatfix Guidance dashboard, click **Style**. ![ia_left%20nav_style](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_style.png)
2. Click **Self Help**. ![styles_sh.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/styles_sh.png)

1. Click **Attention**. ![RB_DB_SH_attention](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_SH_attention.png)
2. Configure the Self Help tab using the following options: ![sh_animationoptions](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/sh_animationoptions.png)

**Animate Self-help icon**:

- **Enable** (The type of animation): There are three different ways in which animations can be shown, that is, Ripple, Flash, and Pulse.
- **Number of times to be shown:** Denotes the number of times an end user has to interact with Self Help before the animation stops appearing.

          Note:

          

- If the end user never clicks the Self Help widget, the animation appears on every page load, indefinitely.
- Once the end user clicks the Self Help widget on any page, Whatfix counts this as one interaction.
- Whatfix shows the animation until the end user clicks the Self Help widget the configured number of times.  

For example, if the **Number of times to be shown** is configured to 6:
  - The animation appears on every page load until the user clicks the Self Help widget 6 times.
  - After the sixth interaction, the animation no longer appears for the end user.

- **Onboarding themes**: Choose the background color, close icon color, text, button color, and button text.
- **Onboarding message**: This is textual information that is displayed when the user hovers their cursor over Self Help.

---

          Note:

          

The animation and onboarding messages are independent of each other. Depending on your needs, configure either one or both.

1. Click **Save**.  

![RB_DB_SH_Clicksavesupport](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_SH_Clicksavesupport.png)

          Info:

          

Ensure that you [push the changes made to Production](/studio/docs/pushing-whatfix-content-to-production) so that the latest behavior reflects for end users.

## Carousel animation for Self Help

Additionally, you can also choose to add a carousel animation to the Self Help widget in the closed state. This draws end-user attention to the closed Self Help widget and helps increase the opening rate of the widget. When you add a carousel animation, the closed Self Help widget displays the following:

- A customizable icon of your choice (For more information, see [Add an icon to Self Help](/studio/docs/add-an-icon-to-self-help))
- The number of integrated articles
- An icon for each of the repositories integrated with Whatfix

**Here's a GIF of how the Self Help tab looks with a carousel animation**

![](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/Carousel%20animation%20in%20SH.gif)

When you add a carousel animation, the opened Self Help displays a banner containing the mentioned information.

### Enable Carousel animation in Self Help

          Note:

          

To enable this feature, contact [support@whatfix.com](mailto:support@whatfix.com?Subject=Enable%20Carousel%20animation%20in%20Self%20Help&amp;Body=Hello%20Team%2C%0A%0APlease%20enable%20Carousel%20animation%20in%20Self%20Help%20for%20my%20account.%0A%0AThanks%20and%20regards.).

     Animate an Improved Self Help Tab
    
    

          Info:

          

Improved Self Help is a Beta feature. To enable Improved Self Help on your dashboard, contact [support@whatfix.com](mailto:support@whatfix.com?subject=Enable%20Improved%20Self%20Help&amp;body=Hi%20team%2C%0A%0APlease%20enable%20Improved%20Self%20Help%20for%20our%20Dashboard%0AENT%20ID%3A%0A%0ARegards%2C). Improved Self Help provides an enhanced and revamped end-user experience of the Self Help widget. Once enabled, end users see Improved Self Help instead of the Self Help widget.

Use the following steps to enable the animation and tooltip:

1. On the Whatfix Guidance dashboard, click **Style**. ![ia_left%20nav_style](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/ia_left%20nav_style.png)
2. Click **Self Help**. ![styles_sh.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/styles_sh.png)

1. Click **Attention**. ![SH_Animate.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/SH_Animate.png)
2. Configure the Self Help tab using the following options: ![SH_Animate_Icon_new.png](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/SH_Animate_Icon_new.png)

**Animate icon**:

- **Enable** (The type of animation): There are three different ways in which animations can be shown, that is, Ripple, Flash, and Pulse.
- **Number of times to be shown:** Denotes the number of times an end user has to interact with Self Help before the animation stops appearing.

          Note:

          

- If the end user never clicks the Self Help widget, the animation appears on every page load, indefinitely.
- Once the end user clicks the Self Help widget on any page, Whatfix counts this as one interaction.
- Whatfix shows the animation until the end user clicks the Self Help widget the configured number of times.  

For example, if the **Number of times to be shown** is configured to 6:
  - The animation appears on every page load until the user clicks the Self Help widget 6 times.
  - After the sixth interaction, the animation no longer appears for the end user.

1. Click **Save**.  

![RB_DB_SH_Clicksavesupport](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/RB_DB_SH_Clicksavesupport.png)

          Info:

          

Ensure that you [push the changes made to Production](/studio/docs/pushing-whatfix-content-to-production) so that the latest behavior reflects for end users.

## Carousel animation for Self Help

Additionally, you can also choose to add a carousel animation to the Self Help widget in the closed state. This draws end-user attention to the closed Self Help widget and helps increase the opening rate of the widget. When you add a carousel animation, the closed Self Help widget displays the following:

- A customizable icon of your choice (For more information, see [Add an icon to Self Help](/studio/docs/add-an-icon-to-self-help))
- The number of integrated articles
- An icon for each of the repositories integrated with Whatfix

When you add a carousel animation, the opened Self Help displays a banner containing the mentioned information.

### Enable Carousel animation in Self Help

          Note:

          

To enable this feature, contact [support@whatfix.com](mailto:support@whatfix.com?Subject=Enable%20Carousel%20animation%20in%20Self%20Help&amp;Body=Hello%20Team%2C%0A%0APlease%20enable%20Carousel%20animation%20in%20Self%20Help%20for%20my%20account.%0A%0AThanks%20and%20regards.).
