Fancy-designed texts catch viewers’ attention the most. Marketers style their marketing messages by applying fancy effects. ElementsKit has brought such a wonderful widget with advanced features. It helps to make animated and attractive texts easily.

Let’s learn how to use ElementsKit Fancy Text Widget following the below steps.

Adding Fancy Animation Text with ElementsKit #

Watch the video guide.

Follow the detailed process below.

STEP 1: Turn ON ElementsKit Fancy Animated Text widget #

Enable the Fancy Animated Text widget from ElementsKit in your WordPress dashboard.

STEP 2: Get the Widget to the Elementor Editor #

Select any Page or Post and click edit with ElementsKit.

• Search ElementsKit Fancy Animation Text widget
• Drag and Drop the widget

STEP 3: Customize the ElementsKit Fancy Text Widget #

The widget offers extensive Content and Style customization.

Content Tab #

Here, you will see the Fancy Text part, which contains the following fields.

Animation:

• Animation Style- You can select Text or SVG for different animation styles.
• Animation Type– Based on your animation type you will get various choices here.

• Reveal Duration (ms)/ Type Letters Delay (ms)/ Animation Delay etc.- According to animation style and type you have to adjust duration.
• Reveal Animation Delay (ms)/ Selection duration (ms)/ Letters Delay (ms) etc.- This field is also associated with animation style and type.

Content:

• Prefix Text – Write the prefix content you want to display. It means it will be written before the fancy animation.

• Fancy Lists – Add items here for fancy animation.

• Suffix Text – Write the suffix content you want to display. It means it will be written after the fancy animation.
• Title HTML Tag – Select the HTML tag of the content here.
• Link (Optional) – Add any link if you want the users to redirect to any other location.

Style the Fancy Animated Text Widget #

• Heading Text – Here you can adjust alignment, typography, color, etc.

• Fancy Text Lists – It lets you style animated text with custom typography, colors, and backgrounds. You can also adjust spacing, borders, and enable effects like Liquid Glass to highlight dynamic content.

• Style Fancy Cursor – To style the cursor, you can change the color, width, and height.

However, when you select SVG as your animation style in the Content tab, you can customize the following settings.

• Highlighted Text – For highlighted text, you can try different typography, color, and padding.

• SVG – Select stroke color, weight and position here.

Use the useful tool today, it is quick and well-systematic. You can make your important headlines and promotional statements more eye-catching by customizing the content with the help of ElementsKit fancy text widget.