How to Add Paginations in Elementor Horizontal Page Scroll?

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor includes the Horizontal Scroll widget and Carousel Remote widget for adding pagination indicators.
  • Users can add a unique ID in the Horizontal Scroll widget's Extra Options tab to connect it with the Carousel Remote widget.
  • Turning on the Paginate toggle in the Carousel Remote widget adds a pagination indicator to the horizontal scrolling section.
Table Of Content

Are you thinking about adding pagination in Elementor horizontal page scroll? As the world of web design continues to evolve, it’s vital to stay up to date with the latest trends and techniques. Having horizontal page scrolling on a website allows visitors to navigate the website easily while adding a sleek, modern look to the design.

Adding a pagination counter in your Elementor horizontal page scroll design can indicate to visitors how many slides there are. You can add a pagination indicator to your horizontal scrolling section with the Horizontal Scroll widget and Carousel Remote widget from The Plus Addons for Elementor.

To check the complete feature overview documentation of The Plus Addons for Elementor Horizontal Scroll widget, click here.

Requirement  – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

LIVE WIDGET LINK

For this process, first, drag and drop the Carousel Remote widget and the Horizontal Scroll widget, and then follow the below steps:

1. In the Horizontal Scroll widget, once you’ve added your Elementor template, go to Extra Options tab > Unique Connection ID. Add a unique id.

Horizontal scroll unique connection id

2. Now select the Carousel Remote widget, then go to the Content tab add the same ID in the Unique Connection ID field and make sure Remote Type is selected as Horizontal Scroll.

Carousel remore unique connection id horizontal scroll

3. Then go to the Paginate tab and turn on the Paginate toggle. This will add a pagination indicator on the horizontal scrolling section. From Position Y and Position X sliders, you can position the indicator on the page.

Carousel remote unique horizontal scroll paginate

This will add a pagination indicator for the horizontal scrolling section.

Also, check How to Add Progress Bar in Elementor Horizontal Page Scroll.

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if the pagination indicator doesn't show up in Elementor?

If the pagination indicator isn't appearing, check that you've correctly added the same Unique Connection ID in both the Horizontal Scroll widget and the Carousel Remote widget. This ID must match for the pagination to function properly. Additionally, ensure that the Paginate toggle is turned on in the Carousel Remote widget's Paginate tab. If these steps are followed and it still doesn't show, try refreshing the page or clearing your cache.

Can I use pagination with other types of content in Elementor?

The pagination feature discussed here specifically applies to the Horizontal Scroll widget and Carousel Remote widget from The Plus Addons for Elementor. If you're using horizontal scrolling for a gallery or a product showcase, adding pagination can enhance user navigation by indicating how many slides are available. However, this method is not applicable to other Elementor widgets or layouts.

What are the best settings for positioning the pagination indicator?

For optimal visibility, adjust the Position Y and Position X sliders in the Paginate tab of the Carousel Remote widget. This allows you to customize where the pagination indicator appears on the page. Positioning it centrally or at the bottom can often improve user experience, as it keeps the focus on the content while still being easily accessible.

Does adding pagination impact the performance of my Elementor site?

Adding pagination itself does not significantly impact the performance of your Elementor site. However, keep in mind that using multiple widgets, like the Horizontal Scroll and Carousel Remote, can increase load times if not optimized. Always test your siteu2019s speed after making changes and consider using caching plugins to enhance performance.

What happens if I forget to set the Unique Connection ID?

If you forget to set the Unique Connection ID in either the Horizontal Scroll widget or the Carousel Remote widget, the pagination feature will not work. The two widgets need to be linked through this ID for the pagination indicator to function correctly. Always double-check this setting to ensure seamless integration.

Is there a way to customize the appearance of the pagination indicator?

The page does not provide specific customization options for the appearance of the pagination indicator. However, you can adjust its position using the Position Y and Position X sliders. For further customization, consider using CSS to style the indicator after adding it, as The Plus Addons for Elementor allows for additional styling through custom code.

Last reviewed: April 11, 2026

Related Docs