Atomic Element · Free
Send every reader to the next post in the same topic, in the order you choose. Free on Elementor Free, built as a native Elementor 4 element.
The short answer
Elementor next previous post navigation from Animation Addons is the Post Pagination element: an Elementor 4 Atomic Element that links each single post to the one before and after it. It can stay within a category or any taxonomy, follow date, title, menu order or a custom field, loop around, and show an editable hover preview card.
Post Pagination is a real Atomic Element, not a classic v3 widget running inside Elementor 4, so it takes your Classes and Variables like Elementor's own elements.
| Plan | Free |
|---|---|
| Element type | Native Elementor 4 Atomic Element (composite) |
| Works with | Elementor Free and Elementor Pro, Atomic Editor on |
| Post types | Whatever the current post is: posts, pages, custom post types, WooCommerce single products |
| Child elements | Previous Post and Next Post, each with an arrow, a label and a Hover Preview Card |
| Ordering | Date, Title, Menu Order / Manual Sequence, Custom Field (text or number); Ascending or Descending; Loop Around |
| Display modes | Inline (Normal Flow), Sticky Bottom Bar, Floating Navigation (Side Arrows) |
| Links | Real <a href> links that work without JavaScript |
| Limits | The Include/Exclude Terms picker lists post categories only; hover cards show on mouse and keyboard focus, not on touch screens |
| Plugin version | Animation Addons for Elementor 4.3 · Last updated October 2026 |
Demo variations
Ideas you can build today with the Post Pagination and native Elementor 4 elements. Cards marked Pro add an Animation Addons Pro extension or element; the rest work on the free plugin.
Two outlined buttons under the article; hovering "Next Post" shows the next article's image, category, headline, date and author.
After 600px of scrolling, a white bar with "Previous recipe" and "Next recipe" slides up and stays while the reader cooks.
"Previous lesson" and "Next lesson" follow the lesson order, not the publish date. Lesson 1 shows only Next.
Round arrows float at the screen edges once the visitor scrolls past the cover; the last project leads back to the first.
Small "Previous product" and "Next product" links above the photo, kept inside the product category, with a hover card showing image and name.
"Episode 47" left and "Episode 49" right, ordered by number even when episodes went live out of order.
episode_number, Custom Field Type Number; Hover Preview Card with Title and Excerpt, Length (words) 15.Features
Every option below is a real control in the Post Pagination panel or part of how the element renders. Nothing here needs custom code.
Constrain To limits navigation to posts that share the current post's terms in the taxonomy you pick: categories, tags, product categories or any public custom taxonomy. If a post has no terms there, navigation falls back to all posts instead of breaking. Terms Filter Mode then skips terms (for example "Sponsored") or adds extra ones, and the term picker lists your post categories.
Posts Filter Mode excludes specific posts or includes only a chosen list, for example a five-part series. Ties in Order By break by post ID, so the sequence never shuffles between page loads.
The Hover Preview Card is a real element tree. Keep, delete, reorder and style Thumbnail, Category, Title, Date, Author and Excerpt; the Excerpt piece has its own Length (words). The card appears on hover and on keyboard focus with a mouse; touch screens skip it so a tap goes straight to the post.
Inline (Normal Flow) sits where you drop it. Sticky Bottom Bar and Floating Navigation (Side Arrows) appear after Reveal After Scrolling (px) (300 by default) and stay on screen.
Keyboard Arrow Navigation and Mobile Swipe Gestures are off by default; Prefetch On Hover is on, so the next page starts loading before the click.
Each button hides itself when there is nothing to link to. Four switches can hide the whole navigation instead: Hide If No Previous Post, Hide If No Next Post, Hide If First Post and Hide If Last Post. The first and last switches still work with Loop Around on.
Built on the atomic base
Why it mattersSwap the arrow for your own SVG, rename "Next Post", or delete the date from the card. Every piece has its own Style panel.
Step by step
Six steps, from installing the plugin to publishing the page. The bold names are the exact labels you will see in the Elementor 4 panel.
Download freeInstall and activate Animation Addons for Elementor, then open your single-post or single-product template with the Atomic Editor on.
From AAE Post in the Elements panel, drag Post Pagination under the content.
In Query, set Constrain To, then Order By and Order. Turn on Loop Around for an endless sequence.
In Display, choose the Display Mode and, for sticky or side modes, Reveal After Scrolling (px).
Turn on Enable Hover Preview, then select the Hover Preview Card inside each button to remove pieces and style the rest.
Publish and click through the first and last posts in the sequence to check the ends.
Honest comparison
What each option has, side by side. We list where the other choice is the better fit, too.
| Feature | Elementor Pro Post Navigation | Animation Addons Post Pagination |
|---|---|---|
| Plan | Elementor Pro | Free, works on Elementor Free |
| Element type | Classic widget | Native Elementor 4 Atomic Element |
| Stay in the same taxonomy | "In same term" option | Constrain To any public taxonomy, plus include or exclude terms |
| Labels, arrows, target post title | Yes | Yes, as separate child elements |
| Other documented options | Borders, arrow type, dynamic labels | Custom order, Loop Around, hover preview card, sticky bar, side arrows, keyboard, swipe, prefetch |
Compared with Elementor 4.3.3 (September 2026).
For plain same-category links, Elementor Pro's widget does the job. Post Pagination wins on custom order, preview cards, sticky or floating layouts, and needing no Elementor Pro.
Who it's for
The people who get the most out of it, and what they use it for.
Keeping readers inside a topic.
Guiding learners through lessons in order.
With floating arrows and an endless project loop.
FAQ
Install the free Animation Addons for Elementor plugin and drag the Post Pagination element from the AAE Post category into your single-post template. Post Pagination adds Previous Post and Next Post buttons that link to the adjacent posts. It runs on Elementor Free with the Atomic Editor on, and needs no Elementor Pro theme builder licence.
In the Animation Addons Post Pagination element, set Constrain To to Categories, or to tags, product categories or any public custom taxonomy. Navigation then moves only between posts that share the current post's terms. The Include and Exclude Terms picker lists post categories, so use Exclude Posts to skip individual products or entries in other taxonomies.
No. Animation Addons Post Pagination links one single post to the next or previous single post. Loop Grid pagination pages through a list of posts with page numbers or Load More. Use Post Pagination on single templates and Loop Grid pagination on blog and archive pages.
Barely. Animation Addons Post Pagination loads one small script and stylesheet, and caches each post sequence, refreshing it when you publish, edit or delete a post. Prefetch On Hover, on by default, starts loading the target page when a visitor hovers or touches a button. Turn it off if you prefer no prefetching.
Yes. Post Pagination outputs real <a href> links, so search engines can follow the path between posts and the buttons work with JavaScript off. Each link is named with its target post's title for screen readers. A missing previous or next link is marked disabled and skipped by the Tab key, and the hover card's transition respects reduced-motion settings.
Yes. Post Pagination uses the current item's post type, so on a single Product template it moves between products, and Constrain To can use product categories. On phones, hover cards are skipped and Mobile Swipe Gestures can move to the next or previous post on a clear horizontal swipe without blocking normal scrolling.
More answers in the FAQ · Documentation · Free vs Pro
Pairs well with
Elements that work well with the Post Pagination on the same page or template.
the article body that sits above the navigation.
the dynamic headline at the top of the same template.
archive grids with their own numbered pagination.
share buttons for the end of the article.
price and Add to Cart for single product templates (Pro).
Free on Elementor Free, with taxonomy rules, custom order, hover previews and sticky modes included. Building the whole single template? Start from one of the 30+ Elementor 4 starter templates.