Erstelle Button-Links, damit Besucher deine Inhalte erkunden oder wichtige Informationen finden können.

Du kannst Buttons zu deiner Website hinzufügen, die Besucher dazu ermutigen, mit deinen Inhalten zu interagieren. Buttons sind eine visuelle Ergänzung deiner Seite, womit Besucher leichter erkennen können, wo sie klicken müssen.

Um bestmögliche Ergebnisse zu erzielen, empfehlen wir einen kurzen und bündigen Button-Text. Versuche es mit einzelnen Wörtern wie „Spenden“ oder mit kurzen Schlüsselphrasen wie „Jetzt handeln“.

In dieser Anleitung werden die vielen Möglichkeiten zum Hinzufügen von Buttons zu deiner Website erläutert.

Tipp: Um deine Buttons einem möglichst breiten Publikum zugänglich zu machen, sieh dir die Ressourcen zur Barrierefreiheit bei Squarespace an.

Video ansehen

Hinzufügen von Buttons (fast) überall mit Button-Blöcken

Button-Blöcke sind die vielseitigste Möglichkeit, eine Handlungsaufforderung zu deiner Website hinzuzufügen. Du kannst einen Button-Block zu jedem Abschnitt des Kreativen Editors oder jedem Inhaltsbereich des Klassischen Editors auf deiner Website hinzufügen und anpassen, wie er in deinem Layout angezeigt wird.

Button-Blöcke können auf deine Website-Inhalte, externe Inhalte, Dateien, E-Mail-Adressen und Telefonnummern verlinken. Weitere Informationen findest du unter Button-Blöcke.

Header-Buttons

Footer-Buttons

Ein Footer ist der Abschnitt ganz unten auf deiner Website und enthält häufig Details zur Website oder zum Unternehmen. Füge einen Button zu deinem Footer hinzu, um Besuchern zu helfen, wichtige Informationen zu finden oder eine bestimmte Aktion auszuführen, nachdem sie deinen Hauptinhalt durchgesehen haben. Mehr dazu erfährst du unter Footer bearbeiten.

Automatische Layout-Buttons

Verwende ein Auto-Layout, um verschiedene Handlungsaufforderungen zu fördern, auf verschiedene Projekte zu verlinken oder dein Team vorzustellen. Auto-Layouts ordnen Inhaltsgruppen in Spalten und Zeilen an. Jedes Element in einem Auto-Layout kann einen Button enthalten. Du kannst aber auch einen Button für den gesamten Abschnitt über oder unter den Elementen hinzufügen. Weitere Informationen findest du unter Auto-Layouts.

Formular- und Newsletter-Block-Buttons

Füge einen Formular- oder Newsletter-Block hinzu, um Besucher dazu zu ermutigen, mit dir Kontakt aufzunehmen oder deinen Newsletter zu abonnieren. Beide Blöcke enthalten standardmäßig den Button Senden oder Registrieren. Du kannst den Text jedoch anpassen. Mehr dazu erfährst du unter Formular-Blöcke oder Newsletter-Blöcke.

Buttons für E-Commerce und Spenden

Wenn deine Besucher Produkte kaufen oder Geld spenden, helfen ihnen die E-Commerce- und Spenden-Buttons, den Vorgang abzuschließen:

• „Zum Warenkorb hinzufügen“-Buttons – Produkt-Blöcke und Produktdetail-Seiten verfügen über „Zum Warenkorb hinzufügen“-Buttons. Du kannst den Button-Text individuell anpassen. Wenn Express-Kasse aktiviert ist, steht auf dem Button stattdessen Kaufen.
• Spenden-Block-Buttons – Spenden-Blöcke zeigen einen Button an, der Kunden zur Spendenkasse weiterleitet.

Bild-Block-Buttons

Die meisten Bild-Block-Layouts im Klassischen Editor können je nach Layout Klick-Links als Buttons auf, neben oder unter dem Bild anzeigen. Anhand dieser Methode kannst du ein Bild zusammen mit deinem Link einfügen. Wenn du den Kreativen Editor verwendest, platziere einen Button-Block mit deinem Bild-Block, um diese Layouts zu replizieren. Weitere Informationen findest du unter Bild-Blöcke.

Buttons für Werbe-Pop-ups

Du kannst ein Pop-up erstellen, das angezeigt wird, wenn Besucher auf deiner Website landen, und bis zu zwei Buttons hinzufügen. Werbe-Pop-ups können an deine Website und die von dir hinzugefügte Handlungsaufforderung angepasst werden. Weitere Informationen findest du unter Ein Werbe-Pop-up erstellen.

Pinterest-Buttons

Du kannst Pinterest-Buttons zu bestimmten Bildern deiner Website hinzufügen, damit Besucher deine Inhalte auf Pinterest teilen können. Wenn deine Bilder geteilt werden, entdecken auch mehr Besucher deine Website. Mehr dazu erfährst du unter Pinterest-Buttons hinzufügen.

Buttons auf Version 7.0

Wenn Ihre Website auf Version 7.0 ist, können Sie auch Buttons mit folgenden Optionen hinzufügen:

• Inhaltsseitenleisten – Wenn dein Template Inhaltsseitenleisten unterstützt, kannst du auf einigen oder all deinen Seiten einen Button-Block anzeigen.
• Cover-Seiten-Buttons – Du kannst bis zu zwei Buttons zu einer Titelseite hinzufügen, die auf Inhalte auf deiner Website oder externe Inhalte verlinken.
• Seiten-Header (auch als Intro-Bereiche bezeichnet) – Füge einen Button-Block hinzu, um auf einzelnen Seiten einen Button über dem Seiteninhalt anzuzeigen.
• Sharing-Buttons – Aktiviere Sharing-Buttons, damit Besucher Inhalte wie Blogeinträge und Produkte auf ihren Social-Media-Profilen teilen können.

Buttons gestalten

Du kannst deine Buttons so anpassen, dass sie dem Gesamtbild deiner Website entsprechen. Bei den meisten Buttons kannst du beispielsweise Folgendes ändern:

• Hintergrundfarbe
• Schriftart
• Form
• Größe

Um die größtmögliche Kontrolle über das Aussehen deiner Buttons zu gewährleisten, empfehlen wir, den Button-Text unter 25 Zeichen zu halten, da sich die Größe und Form aller Buttons an den Text anpassen.

Deine Stil-Optionen sind von der Version deiner Website abhängig. Näheres erfährst du hier: Buttons gestalten.

Button-Klicks in Analytics verfolgen

In Analytics von Formular- & Button-Conversions kannst du sehen, wie oft Besucher auf inhaltsbezogene Buttons klicken. Anhand der Erkenntnisse in diesem Menü kannst du vergleichen, welche Buttons am effektivsten sind, und verstehen, wie sich Stil- oder Positionsänderungen auf Button-Klicks im Laufe der Zeit auswirken.

In Verkaufstrichter-Analytics kannst du überprüfen, wie viele Kunden auf den Button Zum Warenkorb hinzufügen für deine Produkte geklickt haben.