Animated Text

Animated Text widget helps you add eye-catching animated text to your WordPress site. It works with Elementor and Animation Addons to let you create motion effects without any coding.

You can animate headings, paragraphs, or individual words to make your content more engaging. Adjust layout, columns, spacing, and alignment to control how the text appears on the page.

Plus, you can use this widget to highlight key phrases, draw attention to important details, or add a clean, professional touch to your design.

Requirement 

• Elementor (Page Builder) 
• Animations Addons (Our Plugin)  

Tip: Make sure Animation Addons is installed and activated on your WordPress site before you start.   

How To Activate Animated Text 

1. Go to your WordPress Dashboard. 
2. Click on Animation Addons. 
3. Head to the Widgets Tab. 
4. Under Animation, toggle on Animated Text.  

1.First, click the ‘+’ icon, enter ‘Animated Text’ in the search bar, and choose it.

2. Right after you click, all the settings appear under ‘Content’. Then,  under Text, you’ll find the ‘Add Media’ and ‘Paragraph’ options. 

You can add any paragraph you like or insert an image by clicking ‘Add Media’. 

For example, images and text are added here.

3. Next, set how you want to position your Animated text: 

Columns

Column setting decides how many columns your animated text items are divided into. For instance, if you have multiple animated text items (like “Creative,” “Modern,” “Dynamic”), setting Columns = 3 will place each word in its own column — side by side.

In this example, here column is set to 1. But you can set any columns based on your choice. Since here set Columns = 1, all text will appear in a single column (stacked vertically). 

Columns Gap 

This controls the space (gap) between each column. For example, here the column gap is set to 4, but you can set any value as per your choice. 

Alighment 

Alignment controls whether the animated text (or columns of text) is positioned left, center, or right within its container. 

For example, here ‘Center’ is selected, but you can choose any position based on your choice. 

Lastly, hit on ‘Publish’ to preview the output. 

Note: If you want to add animation to your text, follow this step-by-step guide.

You Did It 

Congratulations! You’ve successfully created animated text on your website. With just a few adjustments, your content now feels more dynamic and visually engaging. This small touch can make a big difference in how visitors experience your pages, giving them a polished and professional look.