---
title: "How to Combine Multiple Preloader Animations on a Page in WordPress?"
url: https://nexterwp.com/docs/multiple-preloader-animations-in-wordpress/
date: 2023-04-10
modified: 2026-04-15
author: "Aditya Sharma"
description: "Using multiple preloader animations on a page can create a more engaging and visually interesting loading experience for your visitors. By combining different types of preloader animations, you can create..."
image: https://nexterwp.com/wp-content/uploads/2024/05/multiple-preloader-animations-in-wordpress-1024x519.jpg
word_count: 193
---

# How to Combine Multiple Preloader Animations on a Page in WordPress?

## Key Takeaways

- Nexter Blocks Preloader block adds multiple preloaders together on a single page to create a unique loading animation.
- Pre Loader tab includes a repeater item under Layers, where the user opens an item and selects an option from the Select Type dropdown.
- +Add Item button adds an additional preloader, and the same steps repeat to combine multiple loaders on a page.

Using multiple preloader animations on a page can create a more engaging and visually interesting loading experience for your visitors. By combining different types of preloader animations, you can create a unique loading sequence that matches your website's theme and style.

The Preloader block from the Nexter Blocks, allows you to add multiple preloaders together on a single page to create a unique loading animation.

*To check the complete feature overview documentation of the Nexter Blocks* Preloader block, [click here](/docs/preloader-block-settings-overview/).

***Requirement  - This block is a part of the Nexter Blocks*, make sure its installed & activated to enjoy all its powers.**

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-preloader-animation-and-page-transitions/)

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

Open the item and select your preferred option from the **Select Type** dropdown.

Then adjust the settings and style accordingly.

Now click on the **+Add Item** button to add an additional preloader.

Just repeat the above mentioned steps to add the loader.

This is how you can combine multiple loaders on a page.

Also, check [How to Add Text Based Preloader Animation in WordPress](https://nexterwp.com/docs/text-based-preloader-animation-in-wordpress/).