---
title: "How to Add Text Animation in the Heading Title Widget?"
url: https://theplusaddons.com/docs/add-text-animation-in-the-heading-title-widget/
date: 2026-01-23
modified: 2026-04-09
author: "Aditya Sharma"
description: "Are you looking to add text animation in the Heading Title Widget? Adding text animation is a great way to bring creativity and energy to your website. Animated text helps..."
image: https://theplusaddons.com/wp-content/uploads/2026/01/How-to-Add-Text-Animation-in-the-Heading-Title-Widget-1024x538.jpg
word_count: 485
---

# How to Add Text Animation in the Heading Title Widget?

## Key Takeaways

- The Plus Addons for Elementor allows users to add text animation in the Heading Title widget.
- Users can select from four animation types: Normal, Explode / Scatter, Scramble Text, and Typing Effect.
- Global animations can be created and reused multiple times within the Heading Title widget.

Are you looking to add text animation in the Heading Title Widget? Adding text animation is a great way to bring creativity and energy to your website. Animated text helps catch the visitor’s attention, highlight important messages, and make your headings more engaging. 

With the Heading Title widget from The Plus Addons for Elementor, you can easily add animation to your text.

*To check the complete feature overview documentation of The Plus Addons for Elementor Heading Title Widget, [click here.](https://theplusaddons.com/docs//heading-title-widget-settings-overview/)*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/elementor-heading-titles/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

Add the Heading Title widget to the page and follow the steps.

1. Select the appropriate style (except Animated Split) and add the content.

2. Then go to the **Title Text Animation** tab and enable the **Enable Animation** toggle. From here, you can animate the main heading.

3. After that, from the **Animation **dropdown, you have to select the animation type. 

Here you’ll find the options – 

- **Basic** – With this option, you can add basic GSAP animation on page load, page scroll and on hover to the text.

- **Global** – With this option, you can add a global GSAP animation to the text.

### Use Basic Animation

Select **Basic** from the **Animation **dropdown.

From the **Animation Type** dropdown, you have to select the animation type. Here you’ll find four options – 

- **Normal** – With this option, you can create custom text animation.  

- **Explode / Scatter** – With this option, you can create an explode or scatter text animation effect.

- **Scramble Text** – With this option, you can create a scramble text animation effect.

- **Typing Effect** – With this option, you can create a text typing animation effect.

You’ll see different settings for each option. Select the option as per your requirements.

Let’s see the settings for the **Normal** option.

You can manually set the position, skew, scale, rotation and transform origin from the **Transform Effects** section.

You can split the text by characters or words from the **Split Type** dropdown.

Then, from the **Animation Trigger** dropdown, you can set the trigger on page load, scroll or on hover.

From the **Animation Controls** section, you can set the animation duration, delay and stagger to add a delay between sequences.

You can add an animation effect from the **Animation Effect** dropdown.

Then, by enabling the **Repeat** toggle, you can repeat the animation.

Based on your settings, you’ll see the text animation.

#### Normal Animation

#### Explode / Scatter Animation

#### Scramble Text Animation

#### Typing Effect Animation

### Use Global Animation

To add a global animation, you have to [create the global animation first](https://theplusaddons.com/docs/add-global-gsap-animation-in-elementor/#Global-Image-Animations). This allows you to use the same animation multiple times.

Select **Global** from the **Animation **dropdown.

Then, from the **Global Animation** dropdown, select your animation.

Similarly, from the **Sub Title Text Animation **tab, you can add an animation to the subtitle.

## Frequently Asked Questions

**Q: What do I need before starting to add text animation in the Heading Title Widget?**
A: You need to have The Plus Addons for Elementor installed and activated to enjoy the features of the Heading Title widget.

**Q: How do I enable text animation for the Heading Title Widget?**
A: To enable text animation, add the Heading Title widget to your page, go to the Title Text Animation tab, and toggle the Enable Animation option. Then, select the desired animation type from the dropdown.

**Q: What types of basic animations can I use in the Heading Title Widget?**
A: The basic animation options include Normal, Explode/Scatter, Scramble Text, and Typing Effect. Each option allows for different customizations in the animation settings.

**Q: What happens after I complete adding text animation in the Heading Title Widget?**
A: After completing the animation settings, you will see the text animation applied based on your configurations, enhancing the visual appeal of your headings.

**Q: How do I create a global animation for the Heading Title Widget?**
A: To create a global animation, you must first create the global animation and then select Global from the Animation dropdown in the Heading Title widget settings.

**Q: Can I add animation to the subtitle in the Heading Title Widget?**
A: Yes, you can add animation to the subtitle by navigating to the Sub Title Text Animation tab within the Heading Title widget settings.