> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/zu-einem-seitenabschnitt-springen.md).

# Zu einem Seitenabschnitt springen

## Kurz erklärt

Mit einer Sprungnavigation führst du Besucher nach einem Klick direkt zu einem bestimmten Abschnitt derselben Seite. Das funktioniert mit Textlinks, Buttons und Menüpunkten. Der Übergang läuft weich und ohne vollständiges Neuladen der Seite.

## Voraussetzungen

* Zielsektion und klickbares Element liegen auf derselben Website- oder Funnel-Seite.
* Für URL-Links kennst du den eindeutigen CSS-Selektor der Zielsektion.

## Schritt für Schritt

### Zielsektion vorbereiten

1. Öffne die Seite im Builder.
2. Wähle die Zielsektion aus.
3. Öffne rechts den Bereich **Erweitert**.
4. Kopiere den Wert im Feld **CSS-Selektor**.

Jede Zielsektion braucht einen eigenen Selektor.

> **Was ist ein CSS-Selektor?** In diesem Ablauf ist er einfach die eindeutige technische Adresse eines Abschnitts auf deiner Seite. Du musst ihn nicht selbst schreiben: Kopiere ihn vollständig aus dem Feld **CSS-Selektor**. Er beginnt normalerweise mit `#`, zum Beispiel `#abschnitt-ueber-uns`.

### Textlink verwenden

1. Markiere den gewünschten Text und öffne das Link-Symbol.
2. Trage die vollständige Seiten-URL ein.
3. Ergänze am Ende den CSS-Selektor der Zielsektion.
4. Speichere und teste die Seite.

### Button direkt verknüpfen

1. Wähle den Button im Builder.
2. Öffne die Button-Aktionen.
3. Wähle bei **Verlinken mit** die Option **Zu Element springen**.
4. Wähle die Zielsektion, speichere und teste.

Alternativ kannst du bei **Verlinken mit** die Option **Website-URL** wählen und dort die vollständige Seiten-URL direkt mit dem kopierten Selektor ergänzen. Für einen Button ist **Zu Element springen** die einfachere Wahl, weil du die Zielsektion direkt auswählst und keinen Selektor eintippen musst.

### Menüpunkt verknüpfen

1. Wähle das Navigationselement.
2. Öffne beim Menüpunkt das Drei-Punkte-Menü.
3. Stelle das Ziel auf **Website-URL**.
4. Trage die vollständige Seiten-URL mit Selektor ein.
5. Bestätige den Menüpunkt und speichere die Seite.
6. Teste die Navigation in der Vorschau.

## Welchen Weg du wählen solltest

| Auslöser  | Empfohlener Weg                       | Warum                                                                       |
| --------- | ------------------------------------- | --------------------------------------------------------------------------- |
| Button    | **Zu Element springen**               | Du wählst die Zielsektion direkt aus und vermeidest Tippfehler im Selektor. |
| Textlink  | Vollständige Seiten-URL plus Selektor | Textlinks werden über ihr Linkfeld eingerichtet.                            |
| Menüpunkt | Vollständige Seiten-URL plus Selektor | Der Menüpunkt nutzt die Website-URL als Ziel.                               |

## Ergebnis prüfen

1. Öffne die veröffentlichte Seite auf Desktop und Mobilgerät.
2. Klicke auf Textlink, Button oder Menüpunkt.
3. Prüfe, ob die richtige Sektion weich eingeblendet wird.
4. Wiederhole den Test nach einem Neuladen.

## Häufige Fehler

### Der Sprung funktioniert nicht

Prüfe, ob Ziel und klickbares Element auf derselben Seite liegen. Kontrolliere außerdem Selektor und vollständige URL.

### Der falsche Abschnitt wird geöffnet

Verwende für jede Zielsektion einen eindeutigen Selektor. Bei mehreren gleichen Selektoren wird nur der erste passende Abschnitt verwendet.

### Der Sprung soll auf eine andere Funnel-Stufe führen

Diese Funktion arbeitet nur innerhalb derselben Seite.

## Gut zu wissen

* Die Sprungnavigation funktioniert auf Desktop und Mobilgeräten.
* Weiches Scrollen ist automatisch aktiv.
* Sie eignet sich für lange Seiten, Inhaltsverzeichnisse und klare Handlungsaufforderungen.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://one-loop.gitbook.io/help/plattform/one-loop-plattform/websites-und-leadgewinnung/websites-und-funnels/zu-einem-seitenabschnitt-springen.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.