Go to athemes.com

ProAnimated Heading

See this widget in action here.

The Animated Heading Widget enables you to create engaging headings with dynamic, animated text effects. Customize the text before, during, and after animation to highlight key messages in a visually appealing manner.

Activate the Widget

This widget is part of the aThemes Addons for Elementor plugin. To activate it:

  1. Navigate to the aThemes Addons dashboard in your WordPress admin area.
  2. Search for the Animated Heading widget.
  3. Toggle the switch to activate it. The widget will now be available in the Elementor interface.

Widget Options

Content Section

  • Text Before: Add text that appears before the animated strings.
  • Animated Strings: Define multiple strings to animate in sequence.
  • Text After: Add text that appears after the animated strings.
  • HTML Tag: Choose the HTML tag (e.g., H1, H2, span) for the heading.
  • Alignment: Align the heading to the left, center, or right.

Settings Section

  • Typing Speed: Adjust the speed of the typing animation.
  • Backspace Speed: Configure the speed for backspacing text.
  • Backspace Delay: Set a delay before backspacing starts.

Style Options

  • Text Before: Customize the color, background, and typography of the text that appears before the animation.
  • Animated Strings: Style the animated strings with custom colors, backgrounds, and typography.
  • Text After: Modify the color, background, and typography of the text that appears after the animation.
  • Cursor: Customize the cursor color.

Usage Tips

  1. Keep It Simple: Use short, impactful strings for maximum readability.
  2. Match Your Branding: Style the text to align with your website’s theme and colors.
  3. Limit Animations: Avoid overloading your page with multiple animated headings to maintain focus.
  4. Adjust Speeds: Experiment with typing and backspace speeds to find the perfect balance.

Conclusion

The Animated Heading Widget is a versatile tool for creating dynamic, attention-grabbing headings. With customizable animations and styling options, you can craft headings that elevate your site’s visual appeal and communicate your message effectively.