Animated Text Widget for Elementor

Descrizione

Animated Text Widget for Elementor adds two animated text effects to your Elementor pages: Typing Text and Rotating Words. Display multiple text strings with a typing animation or rotate words within a sentence to create engaging headings. Customize animation settings, text content, colors, and typography directly from the Elementor editor.

The widget works seamlessly in both the Elementor editor with live preview and on the frontend, using lightweight JavaScript for smooth animations.

Features:
* Two animation modes: Typing Text and Rotating Words.
* Display multiple typing text strings separated by the pipe (|) character.
* Rotate multiple words or short phrases within a sentence.
* Customize typing speed.
* Customize delay between typed strings.
* Customize rotating word speed.
* Show or hide the typing cursor.
* Independent typography and text color controls for Typing Text.
* Independent typography and text color controls for Rotating Words.
* Separate typography and text color controls for rotating words.
* Live preview in the Elementor editor.
* Lightweight JavaScript for smooth performance.

How It Works:

Choose between the Typing Text and Rotating Words animation modes.

Typing Text types and deletes multiple text strings in sequence, while Rotating Words cycles through multiple words or short phrases inside a sentence. All animation settings and styling options can be customized directly from the Elementor editor.

Screenshot

Installazione

  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.
  4. Search for Animated Text, or find it under the General category.
  5. Drag and drop the widget onto your page and configure the animation settings.

FAQ

Which animation modes are available?

The widget includes Typing Text and Rotating Words animation modes.

Can I add multiple animated text strings?

Yes. Separate multiple text strings using the pipe (|) character.

Can I rotate multiple words?

Yes. Enter multiple words or phrases separated by the pipe (|) character.

Does this plugin support live preview in the Elementor editor?

Yes. Both animation modes support live preview inside the Elementor editor.

Can I control the animation speed?

Yes. You can customize typing speed, typing delay, and rotating word speed.

Can I style the rotating words separately?

Yes. Rotating words have their own typography and text color controls.

Does this plugin support cursor customization?

The typing animation allows you to show or hide the cursor.

Recensioni

Non ci sono recensioni per questo plugin.

Contributi e sviluppo

“Animated Text Widget for Elementor” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

Changelog

1.1.0

  • Added Rotating Words animation mode.
  • Added Before Text and After Text options for rotating animation.
  • Added rotation speed control.
  • Added independent color controls for Typing Text and Rotating Words.
  • Added independent typography controls for Typing Text and Rotating Words.
  • Refactored JavaScript into a class-based implementation for easier maintenance.
  • Improved Elementor editor live preview for both animation modes.

1.0.2

  • Updated inline documentation for dependency check.

1.0.1

  • Fixed layout fluctuation when cursor is hidden.

1.0

  • Initial release