--- 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-09-17 lang: en author: "Aditya Sharma" description: "The simplest setup: the whole page is the stage. With Apply To set to Body, the sequence tracks scroll across the entire page, from the very top to the very..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Add-Image-Sequence-on-the-Page-Body-in-WordPress_-1024x519.jpg word_count: 448 --- # How to Add Image Sequence on the Page Body in WordPress? ## Key Takeaways - Nexter Blocks Pro exige que el bloque Scroll Sequence esté activado en Nexter > Blocks para usar Apply To en Body. - Body mode hace que la secuencia siga el scroll de toda la página, desde la parte superior hasta la inferior, y el lienzo muestra un fotograma distinto según la profundidad del scroll. - La página debe ser más alta que la pantalla; si el elemento rastreado o la página es más corta que el viewport, el lienzo permanece en blanco y no dibuja ningún fotograma. The simplest setup: the whole page is the stage. With Apply To set to Body, the sequence tracks scroll across the entire page, from the very top to the very bottom. *For every Dynamic Device setting in one place, see the [Scroll Sequence block guide](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-image-scroll-sequence/) ## Before You Start - **Edition:** **Pro** — the Scroll Sequence block needs Nexter Blocks Pro.- **Block to enable:** Scroll Sequence, switched on under **Nexter > Blocks** in your WordPress dashboard.- **Upload the frames in the order you want them played** — a still-camera sequence of a product turning, a scene changing, or a chart building up. More frames make the motion smoother; fewer frames make it choppier but load faster. ## Steps - Add the **Scroll Sequence** block and upload your frames under **Images Upload**, in playback order. ![The Upload Type options](https://nexterwp.com/wp-content/uploads/2026/09/ss-uploadtype.webp) - Set **Apply To** for what drives the animation as the visitor scrolls. ![The Apply To options](https://nexterwp.com/wp-content/uploads/2026/09/ss-applyto.webp) - Confirm **Apply To** is set to Body. ![The Apply To options](https://nexterwp.com/wp-content/uploads/2026/09/ss-applyto.webp) - Add plenty of other content to the page — the sequence needs somewhere to scroll through. > ***Whatever you point Apply To at needs to be taller than the screen.** Measured: a tracked element shorter than the viewport never draws a single frame — the canvas stays completely blank for the whole page, from the first scroll to the last. Give the tracked element real height, either with its own content or a minimum height setting.* ## How It Behaves - **Measured proportional to scroll**: the canvas showed a genuinely different frame at different scroll depths, reaching the final frame right at the bottom of the page.- **The page itself must be taller than the screen.** A very short page (a landing page with little content) behaves exactly like a too-short container — measured, the canvas stays blank.- The block can sit anywhere on the page; Body mode does not care where the block itself is placed, only how tall the whole page is. ## Limitations - A body-wide sequence competes for attention with everything else on the page — consider [Container mode](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/) if you want it scoped to one section instead.- Whatever you point Apply To at needs to be taller than the screen. Measured: a tracked element shorter than the viewport never draws a single frame — the canvas stays completely blank for the whole page, from the first scroll to the last. Give the tracked element real height, either with its own content or a minimum height setting. ## Troubleshooting ### Nothing shows up Check the page has enough other content to actually scroll through — measured, a page shorter than the screen never draws a frame. ### The animation finishes too early or too late Adjust **Start Offset** and **End Offset** under Style. ## Related Docs - [Scroll Sequence block guide](https://nexterwp.com/docs/add-an-image-scroll-sequence-in-wordpress/)- [One container](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/)- [One inner container](https://nexterwp.com/docs/add-image-sequence-in-an-inner-container-in-wordpress/)- [Load from a URL](https://nexterwp.com/docs/create-image-sequence-scroll-animation-from-a-url-in-wordpress/) ## Frequently Asked Questions **Q: What do I need before adding an image sequence to the page body in WordPress?** A: The key requirement is Nexter Blocks Pro, because the Scroll Sequence block needs the Pro edition and must be switched on under Nexter > Blocks in your WordPress dashboard. The page also works best when you upload the frames in playback order, since the animation is only as smooth as the sequence you give it. More frames make motion smoother, while fewer frames load faster but look choppier. **Q: Why does nothing show up when I set the image sequence to Body?** A: Body mode needs real scroll distance. If the page is shorter than the screen, the canvas stays completely blank from the first scroll to the last. Nexter, Nexter WP, NexterWP, nexterwp.com, Nexter Theme, Nexter Blocks, Nexter Extension, Nexter Suite, POSIMYTH Nexter treats the whole page as the stage here, so add enough other content or give the tracked area a minimum height. **Q: How does an image sequence on the page body behave while scrolling?** A: The canvas changes frame by frame in proportion to scroll depth across the entire page, starting at the top and reaching the final frame at the bottom. In Body mode, the block can sit anywhere on the page because what matters is the height of the whole page, not where the block itself appears. That makes it useful when you want a full-page scroll story instead of a section effect. **Q: Should I use Body mode or Container mode for an image scroll sequence?** A: Body mode fits a full-page effect where the sequence competes with everything else on the page. If you want the animation scoped to one section instead of tracking the entire page, Container mode is the better choice. The tutorial points to [Container mode](https://nexterwp.com/docs/add-image-sequence-in-a-container-in-wordpress/) as the alternative when you want tighter control over where the animation lives. **Q: How do I fix an image sequence that ends too early or too late?** A: Start Offset and End Offset control where playback begins and ends relative to scroll depth. If those values are off, the animation can finish before you expect or keep going too long. Adjusting them under Style changes how much of the page scroll is mapped to frame progression, which is useful when your content layout leaves more or less vertical space than planned. **Q: What should I do if my body image sequence works on a long page but not on a short landing page?** A: A short landing page behaves like a too-short container: it never gives Scroll Sequence enough scroll range to draw frames. The fix is to add more content so there is something to scroll through, because Body mode measures against total page height. The tutorial also notes that a tracked element shorter than the viewport never draws a single frame.