Schaltflächen-Widget

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.

So fügen Sie Schaltflächen hinzu:

1. Klicken Sie in der linken Seitenleiste auf Widgets.
2. Klicken Sie auf das Widget „Schaltfläche“ und ziehen Sie es auf Ihre Website.

Mehr zum Hinzufügen von Widgets zu Ihrer Website erfahren Sie unter Widgets hinzufügen.

Inhalts-Editor

Wenn Sie auf den Inhaltseditor zugreifen möchten, klicken Sie mit der rechten Maustaste auf das Widget und dann auf Inhalt bearbeiten.

1. Geben Sie den Text, der auf der Schaltfläche angezeigt werden soll, in das dafür vorgesehene Feld ein.
2. Wählen Sie aus den folgenden Optionen aus, wohin die Schaltfläche verlinkt:
   • Vorhandene Seite. Leitet den Besucher zu einer vorhandenen Seite auf Ihrer Website weiter.
   • Website-URL. Leitet den Besucher zu einer bestimmten URL weiter.
     • Die folgenden Attribute sind verfügbar:
       • In neuem Fenster öffnen.
       • Als „no follow“ festlegen. Fordern Sie Suchmaschinen auf, die verlinkte Seite nicht mit Ihrer Website zu verknüpfen oder zu crawlen.
       • Als „gesponsert“ festlegen. Dadurch wissen Suchmaschinen, dass der Link das Ergebnis einer Werbung oder bezahlten Platzierung ist.
       • Als „benutzergenerierte Inhalte“ (User Generated Content, UGC) festlegen. Dies informiert Suchmaschinen über von Benutzern erstellte Links (z. B. einen Link, den jemand in einem Kommentar gepostet hat), die nicht unbedingt zuverlässig sind.
   • Popup. Öffnet ein Popup-Fenster. Wählen Sie unter „Seiten und Popups“ ein Popup-Fenster aus oder erstellen Sie ein eigenes.
   • Anker. Leitet den Besucher zu einem Anker auf einer beliebigen Seite der Website weiter.
   • Checkout für Mitgliedschaftspakete. Leiten Sie den Besucher auf die Seite zum Checkout für einen Mitgliedschaftstarif weiter. Dies wird nur angezeigt, wenn die Website die Funktion „Mitgliedschaft“ hinzugefügt hat.
   • Store-Link. Fordert das Gerät des Benutzers auf, die Anmelde-, Warenkorb- oder Produktseite im Store zu öffnen. Dies wird nur angezeigt, wenn die Website einen Store hat.
   • E-Mail-Adresse. Fordert das Gerät des Besuchers auf, einen E-Mail-Client mit einer bestimmten E-Mail-Adresse zu öffnen.
   • Click-to-Call (Anruf per Mausklick). Fordert das Gerät des Benutzers auf, eine bestimmte Telefonnummer anzurufen.
   • Datei für Download. Fordert das Gerät des Besuchers auf, eine bestimmte Datei herunterzuladen.

Design-Editor

Wenn Sie den klassischen Editor verwenden, klicken Sie mit der rechten Maustaste auf das widget und klicken Sie auf „Design bearbeiten“ , um auf den Designeditor zuzugreifen. Wenn Sie Editor 2.0 verwenden, klicken Sie auf das widget und wählen Sie dann „Design bearbeiten“ im schwebenden Menü aus, um auf das Design-Bedienfeld zuzugreifen.

Verwenden Sie den Designeditor, um auszuwählen, ob die Aktivierung den primären oder sekundären Aktivierungsstil erbt, der im Designfenster definiert ist. Darüber hinaus können Sie zwischen verschiedenen Schaltflächen-Layouts wählen, Änderungen am Schaltflächenstil (Breite, Höhe) und Schaltflächentext (Schriftart, Textgröße, Farbe, Format, Ausrichtung und Wegbeschreibung) vornehmen sowie die inneren und äußeren Abstände anpassen.

Alle Änderungen, die Sie im Designeditor vornehmen, setzen die auf der Ebene der Design-Schaltflächen festgelegten Stile außer Kraft. Wenn Sie zum Thema-Stil zurückkehren möchten, klicken Sie auf Thema-Stil wiederherstellen.

Primäre und sekundäre Thema-Schaltflächen

• 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.

Schwebende Schaltflächen

Im klassischen Editor können Sie eine Schaltfläche durch Klicken auf den schwebenden Schalter immer sichtbar machen, selbst wenn ein Besucher auf der Seite nach unten scrollt. Wenn Sie Editor 2.0 verwenden, wählen Sie „Fest“ aus dem Menü „Positionstyp“ , um eine Schaltfläche immer sichtbar zu machen.

Weitere Informationen finden Sie unter Schwebende Schaltflächen.

Angeheftete Schaltfläche im Editor 2.0

Angeheftete Schaltflächen bleiben an ihrem übergeordneten Element (Spalte oder innere Spalte) haften, solange sich das übergeordnete Element im Ansichtsfenster befindet. Wenn sich an derselben Position mehrere fixierte Bewegungen befinden, ist die oberste Bewegung die erste Bewegung.

So aktivieren Sie eine fixierte Schaltfläche im Editor 2.0:

1. Klicken Sie in der Seitenleiste auf widget. Suchen Sie nach dem Schaltfläche- widget, klicken Sie darauf und ziehen Sie es auf die Leinwand.

2. Klicken Sie auf die Schaltfläche, um das schwebende Menü zu öffnen, und wählen Sie „Design bearbeiten“ aus. Dadurch wird das Entwurfsfenster auf der rechten Seite des Bildschirms geöffnet.

3. Scrollen Sie im Entwurfsbereich nach unten zum Abschnitt „Position“ .

4. Klicken Sie auf das Menü Positionstyp , um es zu erweitern, und wählen Sie Angeheftet aus. Dadurch wird sichergestellt, dass die Schaltfläche an ihrem übergeordneten Element (Spalte oder innere Spalte) haftet, solange sich das übergeordnete Element im Ansichtsfenster befindet. Diese Änderung gilt für alle Bildschirmgrößen, Sie können sie jedoch bei Bedarf überschreiben.

5. Konfigurieren Sie im Abschnitt „Position“ den Versatz der Schaltfläche. Der Versatz gibt an, wo die Schaltfläche beim Scrollen fixiert wird, bevor sie das Ansichtsfenster verlässt. Wenn dies vom desktop aus festgelegt wird, gelten für andere Bildschirmgrößen dieselben Werte. Die Werte können jedoch bei Bedarf für jede Bildschirmgröße überschrieben werden.
   Wenn der Sticky Header aktiviert ist, basiert der Versatz auf der Standard-Headerhöhe. Wenn Sie nach dem Einstellungen-Offset einen Sticky Header aktivieren, wird dieser nicht automatisch aktualisiert und Sie müssen zurückgehen und den Offset manuell anpassen.

Wenn Sie die Schaltfläche zu irgendeinem Zeitpunkt zu einem anderen übergeordneten Element (Spalte oder innere Spalte) verschieben, bleiben die Einstellungen des Entwurfsbereichs, z. B. der Versatz, erhalten.

Sowohl im schwebenden Menü als auch im Entwurfsbereich der Schaltfläche wird ein fixiertes Indikatorsymbol angezeigt.

Schaltflächenhintergrund hinzufügen

Sie können einer Schaltfläche eine Hintergrundfarbe oder ein Hintergrundbild hinzufügen. Wenn Sie dem Schaltflächen-Design des Themas einen Hintergrund hinzufügen, wird der Hintergrund aller Schaltflächen geändert. Wenn Sie einer einzelnen Schaltfläche einen Hintergrund hinzufügen, wird nur der Hintergrund dieser Schaltfläche geändert.

Wenn Sie einer ausgewählten Schaltfläche einen Hintergrund hinzufügen möchten, klicken Sie im Designeditor auf die Registerkarte Stil und scrollen Sie zum Hintergrundabschnitt.

Informationen über Designoptionen, die nicht spezifisch für dieses Widget eingestellt werden (z. B. Layout, Stil oder Abstände), finden Sie unter Widget-Design.

Schaltflächensymbole hinzufügen

Wählen Sie aus unserer Schriftarten-Symbolsammlung, um Ihre Schaltflächen zu verzieren. Mithilfe von Symbolen können Besucher Schaltflächen leichter identifizieren, ohne deren Beschriftung lesen zu müssen. Symbole können farbig sein und mit Text kombiniert werden, um einzigartige Schaltflächen zu erstellen, die die Aufmerksamkeit der Besucher auf sich ziehen.

So wählen Sie Symbole für Ihre Schaltflächen aus:

1. Klicken Sie mit der rechten Schaltfläche auf das Widget Schaltfläche und klicken Sie auf Design bearbeiten.
2. Klicken Sie im Bereich Layout auf die Schaltfläche, um das Menü „Layout auswählen“ zu öffnen und den Layoutstil auszuwählen, der ein Symbol unterstützt.
3. Scrollen Sie nach unten zum Abschnitt „Stil“. Stellen Sie sicher, dass die Option Symbol anzeigen aktiviert ist.
4. Klicken Sie auf Wählen, um die Symbolauswahl zu öffnen.
5. Klicken Sie auf ein Symbol, um es zu Ihrer Schaltfläche hinzuzufügen. Um ein gewünschtes Symbol leichter zu finden, geben Sie einfach ein Thema oder einen Namen in das Suchfeld ein. Sie können auch das Dropdown-Menü verwenden.

Weitere Informationen über das Hinzufügen von Widgets und das Design von Widgets finden Sie unter Widgets hinzufügen und Widget-Design.