How To Use Typing Text Block

With Text Typing, you can create engaging typing animations that display text dynamically on your website. This block allows you to showcase headlines, keywords, taglines, or rotating messages with a smooth typewriter effect, making your content more interactive and visually appealing.

You can customize typing speed, delay, looping behavior, and text styling to match your design perfectly.

Follow the steps below to use the Text Typing.

Add to the Page:

Find and select the Text Typing block from the block panel, then click it into your desired section on the page.

Customization:

Let’s explore Text Typing block settings and styles:

Choose Themes:

Select from multiple pre-designed typing styles and layouts to quickly match your website’s design and create a consistent visual appearance without extra setup.

Prefix Text:

Add static text before the typing animation to create context or highlight keywords while the animated text changes dynamically.

Typing Contents:

Define multiple text strings that will be animated in sequence, allowing you to display rotating messages, keywords, or phrases with a typing effect.

Add Typing Content:

Easily add new text items to the typing list, enabling you to expand or update animated messages without affecting existing content.

Suffix Text:

Add static text after the typing animation to complete sentences or reinforce your message while the animated text continues to change.

Type Speed:

You can control the speed at which text appears on the screen. It allows you to adjust the animation pace for improved readability and visual impact.

Start Delay:

You can set a delay before the typing animation begins, giving users time to focus on the content before the effect starts.

Back Delay:

Define the pause time before the text starts deleting or switching to the next typing content, creating a smoother and more natural animation flow.

Back Speed:

Adjust the speed at which the typed text is erased, allowing you to fine-tune the transition between typing contents for a balanced animation effect.

Enable Loop:

Turn looping on or off to control whether the typing animation repeats continuously or plays only once.

Loop Count:

Specify the number of times the typing animation should repeat when looping is enabled, giving you precise control over the repetition of your animated text.

Enable Custom Icon:

Toggle this option to add a personalized icon alongside your typing text theme, Neon Grid, enhancing visual appeal and drawing attention to the animated content.

Text Typing Styles:

Easily customize the appearance of your typing block, including background color, border style, block width, and padding, to ensure it fits seamlessly with your website design.