Schaltflächen sind die einfachste Möglichkeit, Website-Besucher zu Aktionen zu animieren. Mit Schaltflächen können Besucher zudem auf andere Seiten Ihrer Website oder auf eine andere Website geführt werden. Mit Schaltflächen lassen sich zudem Popup-Fenster, Kontaktformulare, Onlinereservierungen, E-Mail-Adressen und vieles mehr öffnen.
-
Geben Sie den Text, der auf der Schaltfläche angezeigt werden soll, in das dafür vorgesehene Feld ein.
-
Wählen Sie aus den folgenden Optionen aus, wohin die Schaltfläche verlinkt:
-
Vorhandene Seite.
-
store Link. Dies wird nur angezeigt, wenn die Website über eine storeverfügt.
-
Adresse der Website.
-
Popup-Fenster.
-
Anker.
-
Mitgliedstarif checkout. Dies wird nur angezeigt, wenn die Website die Funktion "Mitgliedschaft" hinzugefügt hat.
-
Blog-Beiträge. Diese Option wird nur angezeigt, wenn die Website über einen Blog verfügt.
-
E-Mail-Adresse.
-
Klicken Sie auf Zum Anrufen.
-
Datei zum Download.
-
Tipp
Weitere Informationen zu diesen Optionen finden Sie unter Linkauswahl
Verwenden Sie den Designeditor, um auszuwählen, ob die Schaltfläche den im Bereich „Thema“ definierten primären oder sekundären Schaltflächenstil erbt. Darüber hinaus können Sie zwischen den verschiedenen Schaltflächenlayouts wählen, Änderungen am Schaltflächenstil (Breite, Höhe) und Schaltflächentext (Schriftart, Textgröße, Farbe, Format, Ausrichtung und Richtung) vornehmen und den inneren und äußeren Abstand anpassen.
Alle Änderungen, die Sie im Designeditor vornehmen, überschreiben die Stile, die auf der Ebene des Themas Schaltfläche festgelegt wurden. Wenn Sie zum Theme-Button-Stil zurückkehren müssen, klicken Sie auf Auf Theme-Stil zurücksetzen.
-
Wenn Sie Änderungen an der Schaltfläche vornehmen (dadurch werden die auf der Thema-Schaltflächenebene eingestellten Stile außer Kraft gesetzt), wird auf dem primären oder sekundären Schaltflächenstil weiterhin ein Kontrollkästchen angezeigt.
-
Wenn Sie auf einen Schaltflächenstil klicken, der nicht über das Kontrollkästchen verfügt, wird die Schaltfläche auf den Stil zurückgesetzt, der auf der Thema-Schaltflächenebene festgelegt wurde.
Hinweis
Weitere Informationen zum Thema Schaltfläche finden Sie unter Website-Thema.
Mit schwebenden Schaltflächen wird eine Schaltfläche jederzeit angezeigt, auch wenn ein Besucher auf der Seite nach unten scrollt. Verwenden Sie schwebende Schaltflächen, um wichtige CTAs (Calls-to-Action) zu fixieren, damit sie auf allen Seiten einer Website zu sehen sind und angeklickt werden können.
Anwendungsfälle können zum Beispiel sein:
-
Kontaktieren Sie uns
-
ABONNIEREN
-
ANGEBOT EINHOLEN
So erstellen Sie eine schwebende Schaltfläche:
-
Klicken Sie in der Seitenleiste auf widget. Suchen Sie nach der Schaltfläche widget, klicken Sie darauf und ziehen Sie sie auf die Leinwand.
-
Klicken Sie mit der rechten Maustaste auf die Schaltfläche, und klicken Sie dann auf Entwurf bearbeiten.
-
Scrollen Sie auf der Registerkarte Stil nach unten, und klicken Sie auf den Schalter Schwebend . Wenn das Floating-Attribut deaktiviert ist, erscheint die Schaltfläche automatisch in den ersten Zeilen oben auf der Seite.
-
Wählen Sie eine Position für die Schaltfläche aus. Wechseln Sie die Geräteansicht, um die Position auf unterschiedlichen Geräten zu ändern.
-
Um die schwebende Schaltfläche nur auf der aktuellen Seite anzuzeigen, aktivieren Sie den Schalter Nur auf dieser Seite anzeigen .
Hinweis
Eine schwebende Schaltfläche kann so eingestellt werden, dass sie auf bestimmten Seiten angezeigt wird, aber standardmäßig auf allen Seiten angezeigt wird (es gibt derzeit keine Möglichkeit, sie nur für bestimmte Seiten zu deaktivieren).
-
Für Mobilgeräte empfehlen wir, die schwebende Schaltfläche unten in der Ecke des Bildschirms zu positionieren, damit Benutzer die Schaltfläche ganz einfach mit einer Hand auswählen können.
-
Sie können auf Mobilgeräten auch einfach ein Symbol anstelle eines Texts anzeigen. Wählen Sie dafür das Layout aus, das Symbole auf Mobilgeräten unterstützt.
-
Wenn eine schwebende Schaltfläche auf Mobilgeräten nicht angezeigt wird, verwenden Sie möglicherweise ein altes mobiles Layout. Um das Layout zu aktualisieren, gehen Sie zum Designeditor und klicken Sie auf Website-Layout.