Do you want to add animated text to your WordPress website? By incorporating movement and visual effects into your text, you can bring your website to life and make a lasting impression on your visitors.
With the Advanced Heading block in Nexter Blocks, you can add animated split text to your WordPress website directly in the block editor, with no code required. For other heading animation styles available in Nexter Blocks, see How to Add Animated Headings in WordPress.
Best Used For:
- Agency and portfolio sites that want attention-grabbing hero headings
- SaaS landing pages that need to emphasize a key benefit phrase by word or character
- Event and campaign pages where animated text builds excitement before a call-to-action
To check the complete feature overview documentation of the Nexter Blocks Advanced Heading block, click here.
Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.
To do this, add the Advanced Heading block to the page and follow the steps.
1. From the Style section under the Content tab, select the Animated Split option. This enables the split animation mode on your heading text, which lets you animate each portion of the text independently.
2. From the Split Type section, select how the text is divided for the animation. You will find three options:
- Word – To animate each word separately. Use this when you want to reveal a heading phrase one word at a time, which works well for benefit statements on landing pages.
- Character – To animate each letter individually. Use this when you want a typewriter or scramble effect, which draws attention on hero sections.
- Line – To animate the full line as one unit. Use this when your heading spans multiple lines and you want a clean slide-in reveal.
3. In the Main Title field, enter the text you want to animate.
4. From the Animation Effect dropdown under the Animated Split Text Options tab, select the animation effect you want to apply.
From the Position, Scale, Rotate, and Extra Options sections, fine-tune the animation timing and direction. Click the Play Animation button to preview the animation in the editor. To add motion to inline body text as well, see How to Highlight a Text with Animation in WordPress.
Your animated text is now set up and visible on the page.
