---
title: "How to Add Image Sequence on the Page Body in WordPress?"
url: https://nexterwp.com/docs/add-image-sequence-on-the-page-body-in-wordpress/
date: 2024-12-16
modified: 2026-04-14
author: "Aditya Sharma"
description: "Are you looking to add an image sequence on the page body in Elementor? Adding an image sequence can create a dynamic storytelling experience or visually showcase a product. By..."
image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Image-Sequence-on-the-Page-Body-in-WordPress_-1024x519.jpg
word_count: 217
---

# How to Add Image Sequence on the Page Body in WordPress?

## Key Takeaways

- Nexter Blocks offers the Scroll Sequence block to add image sequence animations to the page body.
- Users must set the z-index value to 0 for the Scroll Sequence block when applied to the body.
- A Spacer block is necessary if the page content is not long enough for scrolling.

Are you looking to add an image sequence on the page body in Elementor? Adding an image sequence can create a dynamic storytelling experience or visually showcase a product. By placing it directly on the page body, you can keep the content simple while making the design more engaging.

With the Scroll Sequence block from Nexter Blocks, you can easily add an image sequence animation to the page body.

*To check the complete feature overview documentation of the Nexter Blocks Scroll Sequence block,* *[click here](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/).*

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

[LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-image-scroll-sequence/)

To do this, add the Scroll Sequence block to the page and follow the steps - 

1. Select the appropriate image source from the **Upload Type** section and add the images.

2. Then select **Body** from the **Apply To** dropdown.

![](https://nexterwp.com/wp-content/uploads/2024/12/scroll-sequence-body.gif)

This will add the image scroll sequence to the page body.

> *Note: When applying scroll sequence on the body, make sure to set its z-index value to 0 and use a higher z-index value on other page content elements.*

If you don’t have long enough content on the page, then you have to use a Spacer block to add long enough space for the user to scroll.

![](https://nexterwp.com/wp-content/uploads/2024/12/scroll-sequence-body-demo.gif)

## Frequently Asked Questions

**Q: What should I do if my image sequence isn't displaying correctly?**
A: If your image sequence isn't showing up, check the z-index settings. When applying the scroll sequence to the body, ensure its z-index is set to 0, while other content elements should have a higher z-index. This prevents overlapping issues that can hide your image sequence. If the problem persists, consider using a Spacer block to provide enough scrollable content.

**Q: What is the best way to set up the Scroll Sequence block?**
A: For optimal setup of the Scroll Sequence block, first select the appropriate image source from the Upload Type section and add your images. Then, choose 'Body' from the Apply To dropdown. This ensures the image sequence is correctly applied to the page body, enhancing visual engagement. Remember to adjust the z-index values to avoid display issues.

**Q: Is the Scroll Sequence block compatible with other page builders?**
A: The Scroll Sequence block is part of Nexter Blocks, which is built primarily for Gutenberg. While it supports Elementor and Bricks, the best experience is achieved when using it within the Gutenberg environment. If you're using other builders, you may not have access to the full functionality of this block.

**Q: What are the requirements for using the Scroll Sequence block?**
A: To use the Scroll Sequence block, you must have Nexter Blocks installed and activated on your WordPress site. This block is specifically designed to enhance your content by adding dynamic image sequences directly to the page body, making it essential to have the complete Nexter Blocks package for full functionality.