Zur Navigation springen Zum Inhalt springen Zum Footer springen
 

Button

Mit dem Button-Block kannst du eine gut sichtbare Schaltfläche auf deiner Seite platzieren, über die Besucher zu einer beliebigen URL weitergeleitet werden. Der Button eignet sich z. B. für Call-to-Action-Elemente, Downloads, Verlinkungen zu Unterseiten oder externe Ziele.

Einstellungen im Button-Block

Bezeichnung

Die Beschriftung des Buttons – also der Text, der direkt auf der Schaltfläche angezeigt wird.
Beispiele: „Jetzt anfragen“, „Mehr erfahren“, „Zum Shop“.

URL

Hier trägst du das Ziel ein, zu dem der Button führen soll.
Unterstützt werden:

  • interne Links
  • externe Links
  • Ankerlinks (z. B. #kontakt)

Öffnen im

Bestimmt, wie sich der Button beim Klick verhält:

  • Gleichen Fenster → Ziel öffnet sich in derselben Browser-Registerkarte
  • Neuen Fenster → Ziel wird in einem neuen Tab geöffnet

Title-Beschreibung

Optionaler Zusatztext, der angezeigt wird, wenn der Mauszeiger über dem Button liegt.
Dieser Hinweis kann hilfreich sein, um den Zweck der Schaltfläche näher zu erläutern.

Position zentrieren

Wenn aktiviert, wird der Button mittig im Inhaltsbereich dargestellt.
Ist die Option deaktiviert, richtet sich der Button automatisch am Layout aus (meist linksbündig).

Wenn du im Editor Links setzt, kannst du denen die Klasse "Button" geben. Dann sehen sie auch aus wie der Button.

Aber: auch wenn du normale Links im Editor über die Klasse „Button“ wie einen Button darstellen kannst, bietet der Button-Block zusätzliche Vorteile. Er lässt sich frei im Layout positionieren und ist unabhängig vom Textfluss, wodurch er deutlich flexibler platziert und gestaltet werden kann.