Skip to content

How to Add Text Based Preloader Animation in WordPress?

Key Takeaways

  • Preloader block in Nexter Blocks displays a text-based animation while a WordPress page loads, using a color-fill effect that progresses as the page renders.
  • Nexter Blocks Preloader block requires Nexter Blocks to be installed and activated before the block is added to a page or template.
  • Text as Loader toggle turns loading text into a loader, and the block adds typography, color, and text loader color options.
Table of Contents

The Preloader block in Nexter Blocks lets you display a text-based animation while your WordPress page loads. Use it to show loading text with a color-fill effect that progresses as the page renders.

For the complete feature overview of the Nexter Blocks Preloader block, see the Preloader block settings overview.

Requirement – This block is part of Nexter Blocks. Make sure it is installed and activated.

To do this, add the Preloader block on the page or template, in the Pre Loader tab, you will find a repeater item under Layers.

Open the item and select Text from the Select Type dropdown.

In the Content field, you can add your loading text.

Then, you can turn your text into a loader from the Text as Loader toggle. As the page loads, it will slowly change the text color from one color to another.

You will find options to manage the text typography and color as well.

Once you turn on the Text as Loader toggle, you will find an additional color option for the text loader color.

Also, check How to Add Image Preloader Animation in WordPress.

Share your Thoughts

Still in Doubt? Let’s Assist You

Have Feedback or Questions?

Join our WordPress Community on Facebook!