In this guide, we will show you how to add an “Animated Split Text widget” to your Elementor website. The Animated Split Text widget helps you create eye-catching, dynamic headlines by splitting text into individual characters or words, each with its own animation effect. Perfect for enhancing typography and adding visual interest, this versatile widget transforms your titles and text into captivating design elements that grab attention. With customizable options for animation styles, timing, and split modes, the Animated Split Text widget brings bold, animated flair to any Elementor design.
Let’s explore the customization options available in the “Animated Split Text widget” for Elementor below.
Add an Animated Split Text to Elementor
This widget requires “Unlimited Elements Pro” version installed and activated on your WordPress website.
Add an Animated Split Text Widget to an Elementor Page
Elementor Animated Split Text Widget General Settings
Tag
Choose the HTML tag for the text container.
Animation Speed
Set the duration of the animation effect.
Animation Delay
Define the delay before the animation begins.
Item Gap
Adjust the spacing between individual animated text elements.
Item Word Gap
Set the spacing between words within the animated text.
Layout
Select the direction for text flow (e.g., horizontal or vertical).
Text Align
Align the text within each animated item.
Widget Align
Align the entire widget within its parent container.
Animation
Choose the animation style to apply to the split text.
Reveal on Scroll
Enable or disable the option to replay the animation when the element enters the viewport during scrolling.
Elementor Animated Split Text Widget Style Settings
Color
Set the text color for the animated items.
Typography
Customize font settings, including family, size, weight, and style.
Text Shadow
Apply and adjust shadow effects for the text.
Padding
Control the inner spacing around each text element.
Stroke Width
Specify the thickness of the text outline.
Stroke Color
Choose the color for the text outline.
Animated Split Text Widget Design Examples For Elementor
Here are some live use cases for the Animated Split Text widget.
Elementor Animated Split Text in an e-commerce Website.
Elementor Animated Split Text with Colorful Banner.
Thank you for using the Animated Split Text widget for Elementor! Designed to bring dynamic split-text animations to your headlines, this widget lets you create text that splits into individual characters or words, each with captivating animation effects. It’s perfect for enhancing typography and adding eye-catching style to headings, titles, or any text content on your page. With versatile customization options, the Animated Split Text widget gives you the flexibility to create visually engaging sections that stand out. If you have any questions or need assistance, feel free to reach out. For ideas and inspiration, be sure to check out our live demo on the website.
