Animated Text Widget for Elementor

Animated Text Widget for Elementor adds a typing animation effect to your Elementor pages, allowing you to display multiple text strings that type and delete in sequence. Users can customize the text strings (separated by |), adjust typing speed and delay between strings, and choose to show or hide the cursor. The widget also includes basic styling options such as text color and typography controls. It works seamlessly in both the Elementor editor (with live preview) and the frontend, providing a smooth animated text experience using JavaScript.

Features:
– Display animated typing text with multiple strings.
– Add multiple text strings separated by |.
– Control typing speed and delay between strings.
– Show or hide the typing cursor.
– Style the text with color and typography controls.
– Works in both Elementor editor and frontend with live preview.

How It Works:
The widget animates text by typing and deleting characters in a loop, based on the provided settings. It uses lightweight JavaScript for smooth performance.

1. Upload the plugin files to the /wp-content/plugins/animated-text-widget-for-elementor directory, or install the plugin through the WordPress Plugins screen.
2. Activate the plugin through the Plugins screen in WordPress.
3. Open the Elementor editor, search for Animated Text, or find it under the General category. Drag and drop Animated Text into your page.

1. 

   Example of an output without using cursor.

2. 

   Example of an output showing the cursor.

1.0.1

• Fixed layout fluctuation when cursor is hidden.

1.0

• Initial release