---
title: "How to Add Text Animation in the Text Block Widget?"
url: https://theplusaddons.com/docs/add-text-animation-in-the-text-block-widget/
date: 2026-01-28
modified: 2026-04-09
lang: en
author: "Aditya Sharma"
description: "Are you looking to add text animation in the Text Block widget? Text animations help your content feel more alive and interactive. They draw the reader’s eye, emphasize key points,..."
image: https://theplusaddons.com/wp-content/uploads/2026/01/How-to-Add-Text-Animation-in-the-Text-Block-Widget-1024x538.jpg
word_count: 459
---

# How to Add Text Animation in the Text Block Widget?

## 

- The Plus Addons for Elementor offers a Text Block widget that enables text animation for enhanced interactivity.
- Users can select from various animation types including Normal, Explode/Scatter, Scramble Text, and Typing Effect in the Animation dropdown.
- Global animations can be created and reused by selecting Global from the Animation dropdown in the Text Block widget settings.

Are you looking to add text animation in the Text Block widget? Text animations help your content feel more alive and interactive. They draw the reader’s eye, emphasize key points, and turn plain text into something more engaging and visually appealing. 

With the Text Block 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 Advanced Text widget, [click here](/docs/advanced-text-block-elementor/).*

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

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

Add the Text Block widget to the page and follow the steps.

1. Add the content in the Content tab.

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

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 reuse the same animation.

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

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