---
title: "How to Add Paginations in Elementor Horizontal Page Scroll?"
url: https://theplusaddons.com/docs/add-paginations-in-elementor-horizontal-page-scroll/
date: 2023-03-17
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "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..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/How-to-Add-Paginations-in-Elementor-Horizontal-Page-Scroll_-1024x536.jpg
word_count: 289
---

# How to Add Paginations in Elementor Horizontal Page Scroll?

## 

- Adds a pagination counter in Elementor horizontal page scroll using the Horizontal Scroll widget and Carousel Remote widget from The Plus Addons for Elementor.
- Requires installation and activation of The Plus Addons for Elementor to utilize the Horizontal Scroll widget features.
- Enables pagination by setting a Unique Connection ID in both the Horizontal Scroll and Carousel Remote widgets, then activating the Paginate toggle.

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](/docs/horizontal-scroll-elementor-widget-settings-overview/).*

***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](https://theplusaddons.com/elementor-widget/elementor-horizontal-scroll?utm_source=tpae&utm_medium=docs&utm_campaign=text)

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](https://theplusaddons.com/wp-content/uploads/2023/03/horizontal-scroll-unique-connection-id-1.png)

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](https://theplusaddons.com/wp-content/uploads/2023/03/carousel-remore-unique-connection-id-horizontal-scroll.png)

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](https://theplusaddons.com/wp-content/uploads/2023/03/carousel-remore-unique-horizontal-scroll-paginate.png)

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

Also, check [How to Add Progress Bar in Elementor Horizontal Page Scroll](https://theplusaddons.com/docs//add-progress-bar-in-elementor-horizontal-page-scroll/).