How to Add Text Animation in the Text Block Widget?

Updated onApril 9, 2026By

Key Takeaways

  • Text Block widget from The Plus Addons for Elementor allows users to add animations to text.
  • Basic animation options include Normal, Explode / Scatter, Scramble Text, and Typing Effect.
  • Global animation enables users to create and reuse the same animation across different text elements.
Table Of Content

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.

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

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. This allows you to reuse the same animation.

Select Global from the Animation dropdown.

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

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What do I need before starting to add text animation in the Text Block widget?

You need to have The Plus Addons for Elementor installed and activated to use the Text Block widget and its animation features.

How can I enable basic animation for text in the Text Block widget?

To enable basic animation, select Basic from the Animation dropdown in the Text Animation tab, then choose your desired animation type from the Animation Type dropdown.

What types of basic animations can I apply to the text?

You can apply four types of basic animations: Normal, Explode / Scatter, Scramble Text, and Typing Effect, each with different settings available.

What happens after I complete the animation settings for the text?

After completing the animation settings, you will see the text animation based on your chosen options, including position, scale, rotation, and trigger settings.

Is there a way to reuse animations across different text blocks?

Yes, you can create a global animation first, which allows you to reuse the same animation by selecting Global from the Animation dropdown and choosing your animation from the Global Animation dropdown.

What should I do if the text animation does not appear as expected?

If the text animation does not appear, double-check that you have enabled the Enable Animation toggle and selected the correct animation type in the Text Animation tab.

Last reviewed: April 9, 2026

Related Docs