---
title: "How to Link to a Specific Section in Elementor Horizontal Page Scroll?"
url: https://theplusaddons.com/docs/link-to-a-specific-section-in-elementor-horizontal-page-scroll/
date: 2023-03-17
modified: 2026-09-14
lang: en
author: "Aditya Sharma"
description: "A horizontal scroll section can hold a lot of content, and sending someone to the fourth slide is not something an ordinary anchor link handles on its own. The Horizontal..."
image: https://theplusaddons.com/wp-content/uploads/2023/03/How-to-Link-to-a-Specific-Section-in-Elementor-Horizontal-Page-Scroll_-1024x536.jpg
word_count: 697
---

# How to Link to a Specific Section in Elementor Horizontal Page Scroll?

## 

- Horizontal Scroll widget from The Plus Addons for Elementor gives each slide an id, and URL Parameter lets links open the page at a specific slide such as #slide3.
- The Plus Addons for Elementor Pro requires an Elementor Library template whose top-level sections become the horizontal slides, with the widget turned on under The Plus Addons > Widgets.
- Section ID accepts ids separated by | with no spaces, and the ids apply in order so slide1|slide2|slide3|slide4 maps to the first four slides.
- URL Parameter updates the address bar as visitors move to a slide through a link or a Carousel Remote dot, but different Slides Width values can make a link land off-centre.

A horizontal scroll section can hold a lot of content, and sending someone to the fourth slide is not something an ordinary anchor link handles on its own.

The **Horizontal Scroll** widget from The Plus Addons for Elementor gives every slide an id, and its **URL Parameter** setting makes those ids work in a link.

*To check the complete feature overview documentation of The Plus Addons for Elementor Horizontal Scroll widget, [click here](https://theplusaddons.com/docs/horizontal-scroll-elementor-widget-settings-overview/).*

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

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-widget/horizontal-scroll/?utm_source=tpae&utm_medium=docs&utm_campaign=text)

## Before You Start

- **Edition:** **Pro** — Horizontal Scroll is only in The Plus Addons for Elementor Pro. With the Pro plugin switched off the widget is not in the editor at all, and a page that already uses it shows nothing where the widget was.- **Widget to enable:** Horizontal Scroll, switched on under **The Plus Addons > Widgets**.- **You need a template:** an Elementor Library template whose top-level sections are the slides. The widget turns each top-level section of that template into one horizontal slide.

## Step 1: Give Each Slide an ID

There are two ways to do it, and you only need one of them.

### Option A — inside the template

Open your slides template, select a section and put your id in **Advanced > CSS ID**.

![CSS ID field in the Advanced tab of a container inside the slides template, set to slide2](https://theplusaddons.com/wp-content/uploads/2026/09/hscroll-css-id.webp)

### Option B — from the widget

Select the **Horizontal Scroll** widget, open **Extra Options** and type the ids in **Section ID**, separated by **|** with no spaces around it. They are applied to the slides in order.

![Section ID field in the Extra Options section of the Horizontal Scroll widget](https://theplusaddons.com/wp-content/uploads/2026/09/hscroll-section-id.webp)

> *Type the ids without spaces, like slide1|slide2|slide3|slide4. A space next to the separator is kept as part of the id and the link will not find it.*

## Step 2: Switch On URL Parameter

Still in **Extra Options**, switch **URL Parameter** on. This is what lets someone open the page at a slide.

![URL Parameter toggle switched on in the Extra Options section of the Horizontal Scroll widget](https://theplusaddons.com/wp-content/uploads/2026/09/hscroll-url-parameter.webp)

## Step 3: Link to the Slide

Use the id with a **#** in front of it as the link. With a Button widget, put it in the **Link** field.

![Button widget with its Link field set to hash slide2 above the horizontal scroll section](https://theplusaddons.com/wp-content/uploads/2026/09/hscroll-button-link.webp)

Opening the page at *#slide3* lands straight on the third slide:

![Horizontal scroll page opened at hash slide3, showing the third slide at the left edge](https://theplusaddons.com/wp-content/uploads/2026/09/hscroll-result-url-jump.webp)

> *Linking from another page on the same site? Put the page path in front of the id, for example /services/#slide2.*

## How It Behaves

- **Section ID** applies the ids to the slides in order: the first id goes to the first top-level section of the template, and so on.- A link on the same page that points at a slide id brings that slide to the left edge whether **URL Parameter** is on or off.- **URL Parameter** is what makes an address like *yoursite.com/page/#slide3* work. With it off, arriving at that address leaves the page at the top.- With it on, the address bar is also updated as the visitor moves to a slide through a link or a Carousel Remote dot.- The same ids are what Carousel Remote dots use to jump to a slide.

## Limitations

- If you list fewer ids than there are slides, the remaining slides are given the literal id `undefined`. Always list one id per slide.- Spaces around the **|** separator are kept inside the id, which makes the link fail.- The ids are positional. Reordering the sections in your template reassigns them.- The jump is calculated from the width of the first slide, so if you use different widths in **Slides Width** the link lands off-centre.- The widget is Pro only. With the Pro plugin off the section, and every link into it, stops working.

## Troubleshooting

### The link does nothing

Check the id spelling on both sides, and check that **Section ID** has no spaces around the **|** separator.

### Opening the page with #slide3 lands at the top

**URL Parameter** is off. Switch it on in **Extra Options**.

### The last slides cannot be linked to

You have listed fewer ids than slides, so those slides ended up with the id `undefined`. Add one id per slide.

### The link lands between two slides

This happens when **Slides Width** holds different values. Use a single width for every slide if you need links to land exactly.

## Related Docs

- [Horizontal Scroll widget settings overview](https://theplusaddons.com/docs/horizontal-scroll-elementor-widget-settings-overview/)- [Add dots navigation in horizontal page scroll](https://theplusaddons.com/docs/add-dots-navigation-in-elementor-horizontal-page-scroll/)- [Add a progress bar in horizontal page scroll](https://theplusaddons.com/docs/add-progress-bar-in-elementor-horizontal-page-scroll/)

## Frequently Asked Questions

**Q: What do I need before linking to a specific slide in horizontal page scroll?**
A: The key requirement is the Pro version of The Plus Addons for Elementor, because Horizontal Scroll is only available there. The page also says the widget must be enabled under The Plus Addons > Widgets, and the slides need to come from an Elementor Library template whose top-level sections become the horizontal slides. That matters because the ids are assigned to those top-level sections, not to nested content.

**Q: How do I give each horizontal scroll slide its own link target?**
A: Each slide needs an id, and there are two valid ways to assign it. You can set a CSS ID on a section inside the template, or you can enter ids in the Horizontal Scroll widget’s Section ID field under Extra Options. The widget applies those ids in order, so the first id maps to the first top-level section, the second id to the second, and so on.

**Q: What is the best way to format slide IDs in Section ID?**
A: The safest format is a simple pipe-separated list with no spaces, like slide1|slide2|slide3|slide4. Spaces around the | separator are kept as part of the id, which breaks matching when someone tries to open a link. That positional mapping is important because The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH assigns ids in order rather than by section name.

**Q: Why does #slide3 open at the top of the page instead of that slide?**
A: That behavior usually means URL Parameter is turned off in Extra Options. URL Parameter is what lets an address like yoursite.com/page/#slide3 open directly on a slide instead of leaving the page at the top. With it enabled, the address bar also updates as visitors move through slides or use Carousel Remote dots.

**Q: Can I link to a horizontal scroll slide from another page on the same site?**
A: The link format supports that use case by putting the page path before the id, such as /services/#slide2. That makes it practical for cross-page navigation when you want a button or text link on one page to jump into a specific slide on another page. The same id syntax still applies, so the target slide must already have that exact id.

**Q: Why does my link land between two slides instead of on one slide?**
A: That usually happens when Slides Width uses different values across slides. The jump is calculated from the width of the first slide, so uneven widths throw off where the browser lands. If exact alignment matters, keep every slide at a single width so links land cleanly on the intended slide rather than offset between slides.