Zum Hauptinhalt springen

Anchor Links in Heyflow verwenden

Nutze Anchor Links, um Besucher direkt zum richtigen Abschnitt deiner Landingpage zu führen.

Anchor Links ermöglichen es Besucher:innen, per Klick zu einem bestimmten Block auf derselben Seite zu springen – oder zurück nach oben. Den Scroll-Effekt kannst du entweder sofort oder mit einer soften Animation ablaufen lassen. In Heyflow fügst du Anchor Links über den Link Button oder Universal Button hinzu – ein nützliches Werkzeug für längere Landingpages mit mehreren Abschnitten.

Wenn eine Besucher:in bspw. auf „Bewertungen lesen" klickt und die Seite zu deinen Testimonials scrollt, oder auf „Angebot anfordern" klickt und das Formular in den Blick rückt – dann sind Anchor Links im Einsatz. Weniger Reibung bedeutet mehr Engagement, und mehr Engagement bedeutet bessere Conversion Rates.


Warum Anchor Links wichtig sind

Auf einer langen Landingpage erfüllen Anchor Links drei Funktionen:

  • Navigation: Besucher:innen finden, was sie suchen – ohne endlos zu scrollen. Besonders auf dem Mobilgerät ein echter Vorteil.

  • Conversion: Wer auf „Demo buchen" klickt und direkt beim Formular landet, muss keinen Umweg mehr nehmen – und bricht seltener ab.

  • Vertrauen: Wer selbst entscheiden kann, ob er zu Testimonials oder Social Proof springt, fühlt sich weniger unter Druck gesetzt – und konvertiert oft besser.

Für Lead-Gen-Seiten lohnt es sich besonders, diese Abschnitte mit Anchor Links zu verknüpfen:

  • Das Lead-Formular oder der Haupt-CTA

  • Testimonials und Bewertungen

  • Key Benefits oder „So funktioniert es"

  • FAQs

  • Logos von Kunden oder Partnern


Anchor Links in Heyflow einrichten

Anchor Links in Heyflow nutzen die Navigation Actions „Scroll to Block" oder „Scroll to Top". Diese sind auf Link Buttons und Universal Buttons verfügbar. „Scroll to Block" ist das Herzstück der Anchor-Link-Navigation – damit lenkst du Besucher:innen gezielt an den richtigen Abschnitt deiner Landingpage.

Scroll to Block

Nutze diese Action, um Besucher:innen zu einem bestimmten Abschnitt zu scrollen – zum Beispiel ein „Kundenstimmen lesen"-Button, der direkt zu deinen Testimonials springt, oder ein „Jetzt starten"-Button, der ins Lead-Formular führt.

  1. Wähle deinen Link Button oder Universal Button aus.

  2. Gehe zu seinen „Navigation"-Einstellungen und öffne das Dropdown für die Action.

  3. Wähle „Zu Block scrollen".

  4. Konfiguriere die drei Optionen:

    • Ziel-Block – der Block, zu dem gescrollt werden soll.

    • Scrollverhalten – „Sanft" für eine animierte Scroll-Bewegung oder „Sofort" für einen sofortigen Sprung.

    • Ausrichten an – richtet den Viewport am „Oberkante", „Mitte" oder „Unterkante" des Ziel-Blocks aus.

💡 „Scroll to Block" funktioniert nur innerhalb derselben Seite. Du kannst nicht zu einem Block auf einer anderen Seite scrollen.

Scroll to Top

Nutze diese Action, um Besucher:innen zurück an den Seitenanfang zu bringen – praktisch für einen „Zurück nach oben"-Button am Ende einer langen Landingpage.

  1. Wähle deinen Link Button oder Universal Button aus.

  2. Gehe zu seinen „Navigation"-Einstellungen und öffne das Dropdown für die Action.

  3. Wähle „Nach oben scrollen".

  4. Lege das Scrollverhalten fest – „Sanft" oder „Sofort".


Nächste Stufe: Fixierte Navigationsleisten

💡 Wenn du eine lange Landingpage baust, solltest du einen Fixierten Container Block als dauerhafte Navigationsleiste einsetzen. Füge darin Link Buttons ein – einen pro Hauptabschnitt deiner Seite – und setze jeden auf „Scroll to Block". Die Leiste bleibt beim Scrollen sichtbar und gibt Besuchern jederzeit direkten Zugriff auf jeden Abschnitt.

Das ist eine der effektivsten Methoden, um die Navigation zu verbessern und Besucher:innen auf längeren Seiten zu halten – mit dem Erlebnis einer professionellen Marketing-Website.

🔎 Mehr über den Fixierten Container Block erfahren.


Best Practices & FAQ

⭐️ Nutze „Sanft" als Scrollverhalten für ein poliertes, professionelles Gefühl auf Marketing-Seiten.

⭐️ Kombiniere Anchor Links mit einem „Zurück nach oben"-Button am Seitenende – damit Besucher nie das Gefühl haben, feststeckend zu sein.

⭐️ Für Lead-Gen-Seiten: Verlinke zuerst die vertrauensbildenden Abschnitte – Testimonials, FAQs und Social Proof – und mache das Formular von überall auf der Seite leicht erreichbar.

❓ Kann ich zu einem Block auf einer anderen Seite scrollen? Nein – „Scroll to Block" funktioniert nur auf der aktuellen Seite.

❓ Welche Buttons unterstützen Anchor Links? Sowohl Link Buttons als auch Universal Buttons unterstützen die Actions „Scroll to Block" und „Scroll to Top".

❓ Hat das Block alignment Auswirkungen auf das, was der Besucher sieht? Ja – „Oberkante" richtet den Ziel-Block am oberen Viewport-Rand aus, „Mitte" zentriert ihn, und „Unterkante" platziert ihn am unteren Rand. „Top" passt für die meisten Fälle; „Mitte" kann gut für einen fokussierten Abschnitt wie ein Lead-Formular oder CTA funktionieren.

Hat dies deine Frage beantwortet?