---
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
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?

## Key Takeaways

- The Plus Addons for Elementor includes the Horizontal Scroll widget and Carousel Remote widget for adding navigation buttons.
- Users can customize button positions and texts in the Prev/Next tab of the Carousel Remote widget.
- A unique connection ID is required in both the Horizontal Scroll widget and Carousel Remote widget to enable navigation functionality.

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/).

## Frequently Asked Questions

**Q: What should I do if the next/previous buttons are not showing up in my Elementor horizontal scroll?**
A: If the next/previous buttons are not appearing, ensure that you have enabled the button toggle in the Prev/Next tab of the Carousel Remote widget settings. Additionally, confirm that the Unique Connection ID in both the Horizontal Scroll and Carousel Remote widgets matches. This ID is crucial for linking the two widgets together.

**Q: Is it possible to use the next/previous buttons with other page builders besides Elementor?**
A: The next/previous buttons feature is specifically designed to work with Elementor and is part of The Plus Addons for Elementor. It does not support other page builders like Gutenberg, Beaver Builder, or Divi. Make sure you are using Elementor to implement this feature.

**Q: What are the best practices for positioning the next/previous buttons in Elementor?**
A: For optimal user experience, position the next/previous buttons where they are easily accessible, typically at the center or sides of the horizontal scroll section. Use the Position Y and Position X settings in the Carousel Remote widget to adjust their placement. This ensures users can navigate smoothly without confusion.

**Q: Are there any limitations when using the next/previous buttons in Elementor horizontal scroll?**
A: One limitation is that the next/previous buttons only function within the context of the Horizontal Scroll widget from The Plus Addons for Elementor. If you have multiple horizontal scroll sections, each will require its own Carousel Remote widget with a unique ID to function correctly.

**Q: What happens if I forget to set the Unique Connection ID for the Carousel Remote widget?**
A: If you forget to set the Unique Connection ID in the Carousel Remote widget, the next/previous buttons will not control the Horizontal Scroll widget. This ID is essential for establishing the link between the two widgets, so ensure they match to enable proper functionality.