How to Add Text Typing Effect in Elementor?

Updated on June 24, 2024 by Editorial Team
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 dropdown.

Heading animation typing effect 2 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
Get Free 25+ Secrets to Make Elementor Website Faster [Guaranteed Results]

    Subscribe to our YouTube Channel for Elementor Tutorials
    New Video Every Week!
    Automatically Convert Figma Designs to 100% Editable Elementor Website