---
title: "How to Add Next /Previous Button in Elementor Horizontal Page Scroll?"
url: https://theplusaddons.com/docs/add-next-previous-button-in-elementor-horizontal-page-scroll/
date: 2023-03-17
modified: 2026-04-11
lang: en
author: "Aditya Sharma"
description: "Do you want to add a next/previous button to an Elementor horizontal page scroll to provide an easy navigation option to your users?  In today's digital landscape, website design and..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/Previous-Button-in-Elementor-Horizontal-Page-Scroll_-1024x536.jpg
word_count: 344
---

# How to Add Next /Previous Button in Elementor Horizontal Page Scroll?

## 

- Adds next/previous navigation buttons to Elementor horizontal scrolling sections using The Plus Addons for Elementor.
- Utilizes the Horizontal Scroll widget and Carousel Remote widget to enhance user navigation experience.
- Requires installation and activation of The Plus Addons for Elementor to access the Horizontal Scroll widget features.

Do you want to add a next/previous button to an Elementor horizontal page scroll to provide an easy navigation option to your users?

 In today's digital landscape, website design and user experience have become critical aspects of online success. A website with an intuitive layout, engaging content, and easy navigation can enhance the user experience. Creating a Horizontal Page Scroll in Elementor is a popular design option, but navigating the section can be difficult for some users.

To provide a better user experience, you can add a next/previous navigation button to your horizontal scrolling section. With the Horizontal Scroll widget and Carousel Remote widget from The Plus Addons for Elementor, you can easily add a next/previous navigation button in your horizontal scrolling section.

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

3. Go to the **Prev/Next** tab and turn on the **Next/Prev Button** toggle. This will add a next previous button in the horizontal scrolling section. 

You’ll find some customisation options for the buttons. From **Position Y** and **Position X,** you can position the buttons. You can change the button texts from **Button 1 Text** and **Button 2 Text** fields. You can also add icons to the button from the **Icon Style** dropdown.

![carousel remote unique horizontal scroll prev next](https://theplusaddons.com/wp-content/uploads/2023/03/carousel-remote-unique-horizontal-scroll-prev-next.png)

Now users can easily navigate the horizontal scrolling section with the buttons.

Also, check [How to Add Dots Navigation in Elementor Horizontal Page Scroll](https://theplusaddons.com/docs/add-dots-navigation-in-elementor-horizontal-page-scroll/).