How to Add Text Typing Effect in Elementor?

Key Takeaways

  • The Plus Addons for Elementor includes a Heading Animation widget that adds a typing effect to text.
  • Users can select Style 1 from the Animation Style section to implement the typing effect.
  • The animated text can consist of multiple entries, with each text added on a new line in the Animated Text section.
Table Of Content

Do you want to add a typing text effect in Elementor? The text typing effect, also known as a typewriter or animated typing effect, adds a sense of dynamism and engagement to plain text.

With the Heading Animation widget from The Plus Addons for Elementor, you can easily add a typing effect to a text in Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Heading Animation 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.

To do this, add the Heading Animation block on the page and follow the steps –

1. Select the Style 1 from the Animation Style section.

Heading animation typing effect new how to add text typing effect in elementor? From the plus addons for elementor

In the Prefix Text field, you can add a text before the animated text.

2. Then in the Animated Text section, you have to add the texts you want to animate. You can add multiple texts by adding one text in each line.

In the Postfix Text field, you can add a text after the animated text.

Now you will see a beautiful typing text effect.

This image has an empty alt attribute; its file name is heading-animation-typing-effect-demo-1. Gif

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
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the text typing effect isn't displaying correctly in Elementor?

If the text typing effect isn't showing, ensure that you have installed and activated The Plus Addons for Elementor, as the Heading Animation widget is part of this plugin. Without it, the effect won't function. Additionally, check that you've correctly selected Style 1 from the Animation Style section and added your animated texts in the Animated Text section.

Can I use the typing text effect for marketing purposes?

The typing text effect can enhance engagement in marketing materials by adding a dynamic element to your text. This effect is particularly useful for drawing attention to key messages or promotions. Utilizing The Plus Addons for Elementor's Heading Animation widget allows you to easily implement this effect on your website, making your content more visually appealing.

What is the best practice for setting up the animated text in Elementor?

When setting up the animated text, a best practice is to add multiple lines of text in the Animated Text section, as this allows for a more dynamic presentation. Additionally, using the Prefix Text and Postfix Text fields can help provide context or additional information around your animated text, making it more engaging for viewers.

Does the typing text effect work on mobile devices?

The typing text effect created with The Plus Addons for Elementor is designed to be responsive, meaning it should work on mobile devices. However, always preview your changes on different screen sizes to ensure the effect maintains its visual appeal and readability across devices.

What happens if I don't add any text in the Animated Text section?

If you leave the Animated Text section empty, the typing effect will not display any text, rendering the widget ineffective. It's crucial to input the text you want to animate, with one text per line, to see the intended effect on your webpage.

Is there a way to create a different text animation effect in Elementor?

Yes, you can create a different text animation effect, such as a flipping text effect, using The Plus Addons for Elementor. For guidance on how to implement this, refer to the tutorial on How to Add a Flipping Text Effect in Elementor. This allows for varied text animations to suit different design needs.

Last reviewed: April 9, 2026