Zum Hauptinhalt springen

Scroll-to-Anchor Funktion

Verfasst von Malte Nielsen

Mit dem Feature Scroll-to-Anchor kannst du gezielt auf bestimmte Seitenbereiche verlinken – entweder innerhalb derselben Seite oder von einer Seite zu einem bestimmten Abschnitt einer anderen Seite. Beim Klick auf einen Text, ein Bild oder einen Button wird automatisch zum definierten Ziel gescrollt bzw. die Zielseite im gleichen Tab geöffnet und dort zum gewünschten Bereich gesprungen. So lassen sich Inhalte übersichtlich strukturieren und sinnvoll miteinander verknüpfen.

So funktioniert’s in zwei Schritten:

1.) Element ID vergeben (Ziel definieren)

Jedes Widget kann als Scroll-Ziel dienen. Wähle das gewünschte Widget aus, öffne die Erweiterten Einstellungen und vergib eine eindeutige Element ID (z.B. Abschnitt 1, Abschnitt 2, Abschnitt 3 oder features, kontakt, preise).
❗Jede ID darf nur einmal pro Ausgabe verwendet werden.


2.) Auf das Element verlinken (Auslöser festlegen)

Wähle ein verlinkbares Widget (z. B. Text, Bild, Link):

Innerhalb derselben Seite: Verlinkungstyp Anker wählen und die Element ID eintragen.


Zu einer anderen Seite: Verlinkungstyp Intern wählen, Zielseite auswählen und optional die Element ID als Anker ergänzen.



Beim Klick erfolgt der Scroll automatisch zum Zielbereich.

💡 Praktisch:

Mit der vordefinierten Element ID #top kannst du jederzeit im Reiter Anker einen „Zurück nach oben“-Link erstellen – ganz ohne eigenes Ziel-Widget. Außerdem lassen sich Anker auch extern teilen, indem die Element ID am Ende der URL ergänzt wird (z. B. #preise).

Hat dies deine Frage beantwortet?