Unterschied zwischen "Scrollen bis" und Anker-Links
In Onepage gibt es zwei Möglichkeiten, Besucher zu einem bestimmten Abschnitt deiner Seite zu führen:
Option 1: "Scrollen bis"-Funktion
Mit dieser Funktion kannst du Buttons oder Menüpunkte so einstellen, dass diese beim Klicken automatisch zu einem bestimmten Abschnitt der aktuell geöffneten Seite scrollen.
Option 2: Anker-Links mit benutzerdefinierten Attributen einrichten
Wenn du spezifische Anforderungen hast, wie das Verlinken von anderen Seiten direkt zu einem bestimmten Abschnitt oder Element deiner Onepage-Seite, kannst du Anker-Links mit benutzerdefinierten Attributen einrichten.
📌 Hinweis: Wenn du lediglich innerhalb deiner Onepage-Seite zu einem Abschnitt springen möchtest, empfehlen wir die Verwendung der "Scrollen bis"-Funktion. Eine Anleitung zur "Scrollen bis"-Funktion findest du in unserem Artikel: Wie man verschiedene Funktionen zu einem CTA-Button hinzufügt (siehe Abschnitt "Scrollen bis").
Anker-Links zu Abschnitten setzen
Schritt 1: Zielabschnitt auswählen
Gehe zu deinem Zielabschnitt, klicke oben rechts auf die drei Punkte und anschließend auf "Benutzerdefinierte Attribute".
Schritt 2: ID eingeben
Gib bei dem Feld "ID" (custom-id) einen beliebigen Namen ein, auf den du verlinken möchtest.
Schritt 3: URL ergänzen
Gib in der Suchleiste deine Domain ein und füge dahinter deine gesetzte ID ein.
Zum Beispiel: https://deinedomain.de/#fallstudie
Die ID wird dabei direkt nach der Domain eingefügt und beginnt immer mit einem #-Zeichen. Kopiere anschließend einfach den Link aus der Suchleiste.
Schritt 4: Einsetzen des Links
Du kannst den Link nun entweder hinter einem Button:
oder im Menü hinterlegen:
In beiden Fällen muss die Aktion auf "Link zu" eingestellt sein.
Schritt 5: Seite updaten und überprüfen
Jetzt kannst du auf "Update" oder "Veröffentlichen" klicken und anschließend die Verlinkungen live testen.
Anker-Links zu Elementen setzen
Mit Anker-Links kannst du nicht nur ganze Abschnitte verlinken, sondern auch gezielt einzelne Elemente innerhalb eines Abschnitts ansteuern.
Das ist besonders hilfreich, wenn du Nutzer direkt zu einem bestimmten Inhalt führen möchtest, ohne dass sie erst durch einen kompletten Abschnitt scrollen müssen, zum Beispiel bei langen Abschnitten oder auf mobilen Ansichten.
Schritt 1: Zum Element scrollen
Gehe zu dem Element, das du verlinken möchtest.
Schritt 2: Einstellungen öffnen
Klicke in der Spaltenübersicht auf das Symbol mit den drei Linien (Menü). Wähle anschließend das gewünschte Element aus, auf das du verlinken möchtest, und öffne dort "Benutzerdefinierte Attribute".
Schritt 3: ID eingeben
Gib bei dem Feld "ID" (custom-id) einen beliebigen Namen ein, auf den du verlinken möchtest.
Schritt 4: URL ergänzen
Gib in der Suchleiste deine Domain ein und füge dahinter deine gesetzte ID ein.
Zum Beispiel: https://deinedomain.de/#kontaktformular
Die ID wird dabei direkt nach der Domain eingefügt und beginnt immer mit einem #-Zeichen. Kopiere anschließend einfach den Link aus der Suchleiste.
Schritt 5: Einsetzen des Links
Du kannst den Link nun entweder hinter einem Button:
oder im Menü hinterlegen:
In beiden Fällen muss die Aktion auf "Link zu" eingestellt sein.
Schritt 6: Seite updaten und überprüfen
Jetzt kannst du auf "Update" oder "Veröffentlichen" klicken und anschließend die Verlinkungen live testen.
Häufig gestellte Fragen (FAQ)
Was ist ein Anker-Link?
Was ist ein Anker-Link?
Ein Anker-Link ist ein spezieller Link auf einer Webseite, der direkt zu einem bestimmten Abschnitt einer bestimmten Seite springt. Er wird oft verwendet, um Nutzern das schnelle Navigieren zu erleichtern, zum Beispiel von einem Button direkt zu einem Abschnitt auf einer anderen Seite.
Wozu brauche ich einen Anker-Link auf meiner Webseite?
Wozu brauche ich einen Anker-Link auf meiner Webseite?
Anker-Links helfen dabei, Inhalte auf einer Webseite leichter zugänglich zu machen. Sie ermöglichen es den Besuchern, direkt zu relevanten Abschnitten zu springen, ohne lange scrollen zu müssen. Das verbessert die Benutzerfreundlichkeit und spart Zeit.
Was ist der Unterschied zwischen einem normalen Link und einem Anker-Link?
Was ist der Unterschied zwischen einem normalen Link und einem Anker-Link?
Ein normaler Link führt zu einer anderen Seite oder Website, während ein Anker-Link zu einer bestimmten Stelle innerhalb derselben Seite oder auf einer anderen Seite springt.
💡Du hast Feedback zu diesem Hilfe-Artikel? Teile es gerne mit uns über den Live-Chat oder an support@onepage.io, damit wir ihn auf dem neuesten Stand halten können. 🙂