HTML-Anker verwenden, um gezielt auf Seitenabschnitte zu verlinken

Weitere Funktionen

Anleitung: So verlinkst du auf einen bestimmten Abschnitt deiner Webseite

Du möchtest, dass ein Button direkt zu einem bestimmten Abschnitt deiner Seite springt – z. B. zu den Preisen oder zur Kontaktaufnahme? So funktioniert’s:

1. Was ist ein HTML-Anker?

Ein HTML-Anker ist eine Art „Sprungmarke“ auf deiner Webseite. Damit kannst du gezielt zu einem Abschnitt springen, ohne die Seite neu zu laden. Du erkennst einen Anker am #-Zeichen, z. B.: #features

2. So trägst du den Anker im Button-Link ein

Wenn du einen Aktions-Button mit einem Anker versehen willst, gib einfach die passende Anker-ID im Feld für die URL ein.

Beispiel: #features

Das genügt, wenn der Button auf derselben Seite bleibt.

Möchtest du von außen auf einen Abschnitt verlinken, gib die komplette URL ein: https://deine-webseite.de/#features

Anker im Button-Link

3. Diese Anker stehen dir zur Verfügung

Du kannst einen der folgenden vordefinierten Anker verwenden:

Anker-ID Zielabschnitt deiner Webseite
#featuresLeistungen
#portfolioPortfolio
#stepsSchritte Anleitung
#problem_solutionProbleme & Lösungen
#usecasesAnwendungsfälle
#testimonialsTestimonials
#company-profileUnternehmensprofil
#pricingPreisliste
#faqFAQs
#contactKontaktformular
#eventsEvents
#newsNeuigkeiten
#teamMitarbeiter
#jobsJob & Karriere

Related Articles

Reihenfolge der Inhaltsblöcke bearbeiten

Reihenfolge deiner Inhaltsbereiche ändernStandardmäßig haben wir für dich bereits eine sinnvolle Reihenfolge der Inhaltsbereiche auf …

Jun 14, 2025 Read more →

Übergänge zwischen den Sections einfügen

Mit Übergängen kannst du deine Inhaltsbereiche optisch voneinander abgrenzen. Statt dass die Bereiche einfach direkt …

Sep 18, 2025 Read more →

So nutzt du Buttons auf deiner Webseite

1. Button-Farbe & Textfarbe ändernDie Farben deiner Buttons kannst du unter Einstellungen → Branding-Einstellungen → …

Jun 14, 2025 Read more →