Buttons sind der einfachste Weg, um Seitenbesucher zum Handeln zu bewegen. Schaltflächen können Besucher zu einer anderen Seite Ihrer Website oder zu einer Seite auf einer anderen Website führen. Buttons können auch ein Popup, ein Kontaktformular, eine Online-Reservierung, eine E-Mail-Adresse und mehr öffnen
-
Geben Sie den Text, den Sie auf der Schaltfläche anzeigen möchten, in das dafür vorgesehene Feld ein.
-
Wählen Sie aus den folgenden Optionen aus, auf die die Schaltfläche verweist:
-
Bestehende Seite.
-
Link speichern. Dies wird nur angezeigt, wenn die Site ein Geschäft hat.
-
Adresse der Website.
-
Popup.
-
Anker.
-
Zurück zum Seitenanfang.
-
Checkout des Mitgliedschaftsplans. Dies wird nur angezeigt, wenn die Website die Mitgliedschaftsfunktion hinzugefügt hat.
-
Blogbeitrag. Diese Option wird nur angezeigt, wenn die Website über einen Blog verfügt.
-
E-mail-Adresse.
-
Zum Anrufen hier klicken.
-
Datei zum Herunterladen.
-
Tipp
Einzelheiten zu diesen Optionen finden Sie unter Linkauswahl.
Verwenden Sie den Design-Editor, um auszuwählen, ob die Schaltfläche den im Themenbereich definierten primären oder sekundären Schaltflächenstil erbt. Darüber hinaus können Sie zwischen den verschiedenen Schaltflächenlayouts wählen, den Schaltflächenstil (Breite, Höhe) und den Schaltflächentext (Schriftart, Textgröße, Farbe, Format, Ausrichtung und Richtung) bearbeiten und den Innen- und Außenabstand anpassen
Alle Änderungen, die Sie im Design-Editor vornehmen, überschreiben Stile, die auf der Ebene der Theme-Schaltflächen festgelegt wurden. Wenn Sie zum Stil der Theme-Schaltflächen zurückkehren möchten, klicken Sie auf Auf Theme-Stil zurücksetzen.
-
Wenn Änderungen an der Schaltfläche vorgenommen werden (wodurch die auf der Ebene der Theme-Schaltfläche festgelegten Stile außer Kraft gesetzt werden), ist für den primären oder sekundären Schaltflächenstil weiterhin ein Indikatorfeld vorhanden.
-
Wenn auf den Schaltflächenstil ohne Indikatorfeld geklickt wird, wird die Schaltfläche auf den Stil zurückgesetzt, der auf der Theme-Schaltflächenebene festgelegt ist.
Anmerkung
Weitere Informationen zu Theme-Buttons finden Sie unter Schaltflächen für die Website.
Schwebende Schaltflächen ermöglichen es Ihnen, eine Schaltfläche jederzeit sichtbar zu halten, auch wenn ein Besucher die Seite herunterscrollt. Verwenden Sie schwebende Schaltflächen, um wichtige Handlungsaufforderungen auf allen Seiten der Website fest, sichtbar und anklickbar zu halten
Zu den idealen Anwendungsfällen gehören:
-
Kontaktiere uns
-
Abonnieren
-
Holen Sie sich ein Angebot
Um einen Button schweben zu lassen im klassischen Editor oder Behoben im Editor 2.0:
-
Suchen Sie nach dem Schaltfläche Widget, klicken Sie darauf und ziehen Sie es auf die Leinwand.
-
Klicken Sie mit der rechten Maustaste auf die Schaltfläche, und klicken Sie dann auf Design bearbeiten. Wenn Sie in Editor 2:0 sind: Klicken Sie auf die Schaltfläche, um das schwebende Menü zu öffnen, und wählen Sie Design bearbeiten. Dadurch wird das Designfenster geöffnet. Scrollen Sie nach unten zum Position Abschnitt.
-
Auf dem Stil Tab, scrollen Sie nach unten und klicken Sie auf Schwebend umschalten. Wenn das Floating-Attribut deaktiviert ist, erscheint die Schaltfläche automatisch in der ersten Zeile oben auf der Seite
Wenn Sie im Editor 2.0 sind: Klicken Sie, um das zu erweiternArt der PositionMenü und wählenBehoben. Dadurch wird sichergestellt, dass Ihre Schaltfläche an einer festen Position bleibt, während der Benutzer auf Ihrer Website scrollt. Diese Änderung gilt für alle Bildschirmgrößen, Sie können sie jedoch bei Bedarf überschreiben. Sobald Sie die Position ausgewählt haben, können Sie nicht mehr von Fest zu Fixiert wechseln. Das liegt daran, dass die Schaltfläche, wenn Sie „Fest“ auswählen, aus ihrem ursprünglichen Container entfernt wird, sodass sie auf dem Bildschirm sichtbar bleibt, während der Benutzer scrollt. Wenn Sie von „Fest“ zu „Angeheftet“ wechseln würden, wüsste der Editor nicht, in welchem Container die Schaltfläche platziert werden soll. Wenn Sie wechseln müssen, müssen Sie zuerst zur Standardeinstellung zurückkehren. Die Schaltfläche wird in den ersten Abschnitt im Viewport verschoben
-
Wählen Sie eine Position für die Schaltfläche aus. Wechseln Sie die Geräteansicht, um die Position auf verschiedenen Geräten zu ändern. ICHWenn Sie in Editor 2.0 sind, iAuf demAbstandMenü, benutze dasRandEinstellungen, um zu definieren, wo sich die Schaltfläche im Viewport befindet. Diese Konfiguration ist besonders wichtig, wenn Sie zwei feste Schaltflächen an derselben Position im Viewport haben
-
Um die schwebende Schaltfläche nur auf der aktuellen Seite anzuzeigen, aktivieren Sie die Nur auf dieser Seite anzeigen umschalten.
Anmerkung
Eine schwebende Schaltfläche kann so eingestellt werden, dass sie auf bestimmten Seiten angezeigt wird, aber sie wird standardmäßig auf allen Seiten angezeigt (es gibt derzeit keine Möglichkeit, sie nur für bestimmte Seiten auszuschalten).
-
Auf Mobilgeräten empfehlen wir, die schwebende Schaltfläche in der unteren Ecke des Bildschirms zu platzieren, damit Besucher sie einfach mit einer Hand anklicken können.
-
Sie können auf Mobilgeräten ein Symbol anstelle von Text anzeigen, indem Sie das Layout auswählen, das ein Symbol auf dem Handy enthält.
-
Wenn auf Mobilgeräten keine schwebende Schaltfläche angezeigt wird, verwenden Sie möglicherweise ein altes Layout für Mobilgeräte. Um das Layout zu aktualisieren, rufen Sie den Entwurfseditor auf und klicken Sie auf Layout der Website.
Fixierte Schaltflächen bleiben an ihrem übergeordneten Element (Spalte oder innere Spalte) haften, solange sich das übergeordnete Element im Viewport befindet. Wenn sich mehr als eine angeheftete Schaltfläche an derselben Position befindet, ist die Schaltfläche oben die erste
Anmerkung
Fixiert ist in fortgeschrittenen Grids keine Option.
Um eine angeheftete Schaltfläche zu aktivieren im Editor 2.0:
-
Suchen Sie nach dem Schaltfläche Widget, klicken Sie darauf und ziehen Sie es auf die Leinwand.
-
Klicken Sie auf die Schaltfläche, um das schwebende Menü zu öffnen, und wählen SieDesign bearbeiten. Dadurch wird das Designfenster auf der rechten Seite des Bildschirms geöffnet.
-
Scrollen Sie im Design-Panel nach unten zumPositionAbschnitt.
-
Klicken Sie, um das zu erweiternPosition Menü eingeben und wählenAngeheftet. Dadurch wird sichergestellt, dass Ihre Schaltfläche an ihrem übergeordneten Element (Spalte oder innere Spalte) haftet, solange sich das übergeordnete Element im Viewport befindet. Diese Änderung gilt für alle Bildschirmgrößen, Sie können sie jedoch bei Bedarf überschreiben
-
Konfigurieren Sie im Abschnitt Position den Offset der Schaltfläche. Der Offset gibt an, wo die Schaltfläche beim Scrollen fixiert wird, bevor das Viewport verlassen wird. Wenn die Einstellung vom Desktop aus vorgenommen wird, haben andere Bildschirmgrößen dieselben Werte, sie können jedoch je nach Bildschirmgröße bei Bedarf außer Kraft gesetzt werden. Wenn Sticky Header aktiviert ist, basiert der Offset auf der Standard-Header-Höhe. Wenn Sie einen Sticky-Header aktivieren, nachdem Sie den Offset festgelegt haben, wird er nicht automatisch aktualisiert. Sie müssen zurückgehen und den Offset manuell anpassen.
Wenn Sie die Schaltfläche zu einem beliebigen Zeitpunkt auf ein anderes übergeordnetes Element (Spalte oder innere Spalte) verschieben, werden die Einstellungen des Designfensters, z. B. der Versatz, beibehalten.
Sowohl im schwebenden Menü als auch im Designbereich der Schaltfläche wird ein angeheftetes Indikatorsymbol angezeigt.