Mit Jumplinks wird deine Seite nicht nur schlanker – sondern auch smarter. Deine Besucher danken es dir mit mehr Klicks und weniger Absprüngen.
Mit sogenannten Jumplinks kannst du deine Besucher direkt zu den wichtigsten Stellen auf deiner Seite führen – egal, ob zum Kontaktformular, zu deinen Immobilien oder ans Ende einer langen Seite. So sparst du deinen Besuchern Zeit, reduzierst das Scrollen und machst deine Website richtig benutzerfreundlich.
Was sind Jumplinks?
Stell dir vor, du bist in einem dicken Buch und willst nicht blättern, sondern direkt zum gewünschten Kapitel springen. Genau das machen Jumplinks – sie springen dich an die richtige Stelle auf derselben Seite.
Typische Einsatzorte:
- Vom Banner direkt zum Kontaktformular
- In einem Ratgeber vom Anfang zur passenden Leistung
- Auf einer langen Listingseite runter zur Liste der Immobilien
- …und überall dort, wo du Besuchern den Klickweg abkürzen willst
Zwei Möglichkeiten, Jumplinks zu nutzen
1. Das Inhaltsverzeichnis im Artikelfeld
Perfekt für Ratgeber, News oder jede andere Seite mit vielen Zwischenüberschriften.
So geht’s:
- Öffne den Inhalt, z. B. einen Ratgeber
- Im Artikelfeld klicke auf „Neues Feld erstellen“ → „Inhaltsverzeichnis“
- Gib dem Inhaltsverzeichnis einen Titel (z. B. „Scrollen Sie zu:“)
- Speichere das Element und ziehe es an die Stelle, an der es auf der Seite erscheinen soll
- Speichere den gesamten Inhaltseintrag, um die Änderung zu übernehmen.
Was passiert jetzt?
Alle Überschriften im Artikelfeld werden automatisch verlinkt und als klickbare Liste angezeigt. Du änderst eine Überschrift? Kein Problem – das Inhaltsverzeichnis passt sich automatisch an.
Tipp: Du willst eine bestimmte Überschrift nicht im Inhaltsverzeichnis anzeigen? Dann klicke auf die Überschrift → bearbeiten → Häkchen bei „Im Inhaltsverzeichnis anzeigen“ deaktivieren.
2. Der Jumplink-Button
Du möchtest z. B. vom oberen Banner deiner Startseite direkt zum Kontaktformular weiterleiten?
Dann brauchst du:
- Einen Startpunkt (da wo der Button steht)
- Einen Endpunkt (wohin gesprungen werden soll)
Schritt 1: Den Endpunkt setzen (Sektion-ID vergeben)
Damit deine Seite weiß, wohin der Button springen soll:
- Gehe zu Webseiten (CMS) → Seiten und öffne die gewünschte Seite
- Klicke bei der gewünschten Sektion, zu der gesprungen werden soll (z. B. Kontaktformular) auf Bearbeiten
- Aktiviere ggf. oben rechts die „Erweiterte Ansicht“ (wenn sichtbar)
- Scrolle runter bis zum Feld „CSS ID“
- Gib hier eine einfache Bezeichnung ein – z. B.
kontakt→ Nur Kleinbuchstaben verwenden, keine Leerzeichen oder Sonderzeichen
- Speichern!
Schritt 2: Den Startpunkt setzen (Button mit Link ausstatten)
Jetzt muss der Button wissen, wohin er springen soll:
- Öffne die Seite oder den Inhalt, wo der Button steht
- Im Artikelfeld → Neues Feld hinzufügen → Link
- Klicke auf „Element hinzufügen“
- Im Feld „Linkziel“ gibst du nun
#kontaktein(Wichtig: Die ID von oben mit einem # davor!)
- Achte darauf, dass „In neuem Fenster öffnen“ deaktiviert ist
- Speichern und testen
Funktioniert nicht?
Gehe nochmal alle Schritte durch:
- Hast du der richtigen Sektion eine CSS ID gegeben?
- Stimmt die Schreibweise beim Linkziel?
- Hast du das
#vor der ID? - Hast du gespeichert?
Wenn du alles geprüft hast, sollte der Sprung klappen!