So nutzt du Buttons auf deiner Webseite

Weitere Funktionen

1. Button-Farbe & Textfarbe ändern

Die Farben deiner Buttons kannst du unter Einstellungen → Branding-Einstellungen → Farben anpassen:

  • Button-Farbe = Hintergrund des Buttons
  • Button-Textfarbe = Farbe des Button-Textes
Buttonfarbe und Buttontextfarbe

2. Einen Link im Button einfügen

Ein Button funktioniert wie ein Link: Wenn jemand darauf klickt, wird er weitergeleitet. Dabei gibt es zwei Arten von Links:

  • Interner Link (innerhalb deiner Webseite)

Beispiel: Du möchtest zum Bereich „Preise“ auf deiner Seite verlinken. Dann reicht: /pricing

Wichtig: Immer mit / beginnen (für den richtigen Pfad auf deiner Seite).

Auch möglich: Ein Sprung zu einem bestimmten Abschnitt per Anker, z. B. #contact.

  • Externer Link (zu einer anderen Webseite)

Beispiel: Du willst auf deine Instagram-Seite verlinken. Dann gib die komplette URL ein: https://instagram.com/deinprofil

Wichtig: Immer mit https:// beginnen.

Einen Link im Button einfügen

3. Text und Design des Buttons

  • Text: Wähle eine kurze, klare Handlungsaufforderung wie:
    „Jetzt anfragen“, „Mehr erfahren“, „Preise ansehen“
  • Größe & Stil: Wird automatisch an dein Design angepasst – du musst nichts programmieren.

Tipp: Nutze Buttons gezielt!

Verwende Buttons immer dann, wenn du Besucher zu einem bestimmten nächsten Schritt führen willst. Klare Texte und auffällige Farben helfen dabei, Aufmerksamkeit zu erzeugen.

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 →

HTML-Anker verwenden, um gezielt auf Seitenabschnitte zu verlinken

Anleitung: So verlinkst du auf einen bestimmten Abschnitt deiner WebseiteDu möchtest, dass ein Button direkt …

Jun 14, 2025 Read more →