Bearbeitungsbuttons

Buttons fordern deine Besucher auf, die gewünschte Aktion auszuführen, zum Beispiel dich zu kontaktieren oder mehr Informationen anzufordern. Die meisten Blöcke in der Block-Bibliothek enthalten einen oder zwei Buttons.

Es gibt zwei Arten von Buttons: Primär und Sekundär. Der primäre Button hat einen farbigen Hintergrund, der zur primären Farbe der Farbpalette deiner Website passt. Der sekundäre Button hat einen hellen Hintergrund. Du kannst die Farbe deiner Buttons ändern, indem du deine Farbpalette änderst.

Lass uns lernen, wie man Buttons bearbeitet.

Text auf dem Button bearbeiten

So kannst du den Button-Text bearbeiten:

  1. Klicke auf den Button und markiere den Text, den du ersetzen möchtest.

    no-logo-editing-buttons-1.png

  2. Gib den neuen Text ein. Abhängig von der Länge des Textes wird der Button automatisch angepasst.

Klickaktion einem Button zuweisen

Nachdem du einen Buttontitel festgelegt hast, kannst du ihm eine Klickaktion zuweisen. Die Klickaktion ist das, was dein Button tut. Zum Beispiel führt er deinen Seitenbesucher zu einer anderen Seite oder löst einen Telefonanruf aus. Hier ist die vollständige Liste der Klickaktionen, die du zuweisen kannst: 

  • Eine Seite öffnen: Diese Aktion öffnet eine Seite auf deiner Website.
  • Zu einem Block scrollen: Diese Aktion scrollt zu einem anderen Block auf der Seite.
  • Eine Webadresse öffnen: Diese Aktion öffnet eine externe URL.
  • Soziales Medienprofil: Diese Aktion öffnet deine Social-Media-Seite.
  • WhatsApp-Nachricht: Diese Aktion öffnet eine WhatsApp-Konversation.
  • Einen Anruf tätigen: Diese Option ermöglicht es Besuchern, Anrufe zu tätigen, ohne deine Website zu verlassen.
  • Eine E-Mail senden: Diese Aktion ermöglicht es deinen Besuchern, dir sofort Nachrichten zu senden.
  • Eine Datei herunterladen: Diese Aktion ermöglicht es Besuchern, eine Datei von deiner Website herunterzuladen.

Um eine Klickaktion einem Button zuzuweisen, befolge diese Schritte:

  1. Bewege den Mauszeiger über den Button, um das Bearbeitungs-Link-Symbol zu aktivieren.

    no-logo-editing-buttons-2.png
    Oder du kannst auf den Button klicken, um das erweiterte Bedienfeld aufzurufen, das auch das Link-Symbol enthält.

    no-logo-editing-buttons-3.png

  2. Klicke auf das Link-Symbol, um die Link-Einstellungen zu öffnen. Wähle die gewünschte Klickaktion des Buttons aus dem Dropdown-Menü.no-logo-editing-buttons-4.png
  3. Je nach gewählter Option, gib die Seite ein, auf die du deine Besucher schicken möchtest, die Website-Adresse ein, füge eine herunterladbare Datei hinzu, etc.
  4. Ändere den Button- Titel (Text im Button), wenn nötig.
  5. Klicke auf Übernehmen, um die Änderungen zu speichern. 

Im Folgenden zeigen wir, wie verschiedene Klickaktionen funktionieren.

Link zu einer Website-Seite hinzufügen

Um einen Link zu einer vorhandenen Seite deiner Website hinzuzufügen, befolge diese Anweisungen:

  1. Wähle in den Link-Einstellungen die Option Eine Seite öffnen aus dem Klickaktion-Dropdown-Menü.
  2. Im folgenden Dropdown-Menü wählst du die Seite aus, die beim Klick auf den Button geöffnet werden soll.

    no-logo-editing-buttons-5.png
  3. Ändere den Button-Titel, wenn nötig.
  4. Klicke auf Übernehmen, um zu speichern.

Scrollen zu einem Block

Verwende die Klickaktion Zu einem Block scrollen, um deinen Besuchern das Springen an einen anderen Ort auf deiner Seite durch Klicken auf den Button zu ermöglichen.

  1. Wähle in den Link-Einstellungen die Klickaktion Zu einem Block scrollen aus dem Dropdown-Menü aus. 
  2. Im folgenden Dropdown-Menü wählst du den Block aus, zu dem gesprungen werden soll, wenn auf den Button geklickt wird.

    no-logo-editing-buttons-6.png

  3. Ändere den Button-Titel, wenn nötig.
  4. Klicke auf Übernehmen, um zu speichern.

Eine Webadresse öffnen

Um eine externe Website mit deinem Button zu verlinken, befolge diese Schritte:

  1. Wähle in den Link-Einstellungen die Option Eine Webadresse öffnen im Klickaktion-Dropdown-Menü.
  2. Kopiere die URL der Seite, die du verlinken möchtest, und füge sie in das Feld Klickaktion ein.

    no-logo-editing-buttons-7.png
  3. Aktiviere falls erforderlich die Option In einem neuen Tab öffnen und Ein Nofollow-Tag hinzufügen.
  4. Gib den Titel an. Er hängt davon ab, wohin du verlinkst, zum Beispiel den Namen der externen Website.
  5. Klicke auf Übernehmen.

Ein soziales Medienprofil verlinken

So fügst du einen Link zu deinem Social-Media-Profil hinzu:

  1. Wähle in den Link-Einstellungen die Option Soziales Medienprofil im Klickaktion-Dropdown-Menü.
  2. Kopiere die URL der Social-Media-Seite, die du verlinken möchtest, und füge sie in das Feld Klickaktion ein.

    no-logo-editing-buttons-8.png
  3. Gib den Button-Titel im Feld Titel an.
  4. Klicke auf Übernehmen, um zu speichern.

Eine WhatsApp-Nachricht senden

Du kannst deine Besucher dazu ermutigen, dich über WhatsApp zu kontaktieren, indem du die Klickaktion WhatsApp-Nachricht zuweist.

So gehst du vor:

  1.  Wähle in den Link-Einstellungen die Option WhatsApp-Nachricht im Klickaktion-Dropdown-Menü aus.
  2. Erstelle deinen eigenen WhatsApp-Klick-zum-Chat-Link, kopiere ihn und füge ihn in das Feld Klickaktion ein.

    no-logo-editing-buttons-9.png
  3. Gib den Button-Titel im Feld Titel an. Zum Beispiel "Schreib uns".
  4. Klicke auf Übernehmen, um zu speichern.

Einen Anruf tätigen

Wähle diese Option, um Benutzern zu ermöglichen, einen Anruf zu tätigen, ohne deine Website zu verlassen. So aktivierst du diese Option:

  1. Wähle in den Link-Einstellungen die Option Einen Anruf tätigen im Klickaktion-Dropdown-Menü aus.
  2. Gib deine Telefonnummer im internationalen Format ein.

    no-logo-editing-buttons-10.png
  3. Gib den Titel an, zum Beispiel "Ruf uns an".
  4. Klick auf Übernehmen.

Eine E-Mail senden

Diese Option ermöglicht den Mailto-Link, einen Link auf einer Webseite, der auf eine E-Mail-Adresse zeigt. Wenn ein Besucher deiner Website auf diesen Mailto-Link klickt, wird der Standard-E-Mail-Client auf dem Computer des Besuchers geöffnet, und er kann eine Nachricht an die von dir angegebene E-Mail-Adresse senden, ohne sie eingeben zu müssen.

So aktivierst du diese Option:

  1. Wähle Eine E-Mail senden im Klickaktion-Menü.
  2. Gib deine E-Mail-Adresse im entsprechenden Feld ein.

    no-logo-editing-buttons-11.png
  3. Gib den Button-Titel im Titel-Feld an, zum Beispiel "Schreib uns".
  4. Klick auf Übernehmen.

Verlinken zu herunterladbaren Dateien

Um eine herunterladbare Datei deinem Button hinzuzufügen, befolge diese Schritte:

  1. Wähle Download einer Datei im Klickaktion-Dropdown-Menü.
  2. Klick auf Datei auswählen, wähle eine Datei auf deinem Computer aus, und klick auf Öffnen. Die Datei wird hinzugefügt.

    no-logo-editing-buttons-12.png
  3. Gib den Titel an. Zum Beispiel "Lade hier unser Formular herunter".
  4. Klick auf Übernehmen.

Die Ausrichtung des Buttons ändern

Du kannst die Ausrichtung der Buttons auf deiner Website ändern. Hier ist, was du tun musst: 

  1. Klicke auf den Button, um das Steuerfeld aufzurufen.
  2. Klick auf die entsprechenden Symbole, um die Ausrichtung der Buttons in dem Block zu wählen: links, rechts oder zentriert.

    no-logo-editing-buttons-13.png

Denke daran, auf Veröffentlichen zu klicken, um die Änderungen zu übernehmen.

Entfernen von Buttons von einer Seite

Es gibt mehrere Möglichkeiten, Buttons von einem Block zu entfernen. Erfahre, wie du dies in unserem eigenen Artikel tun kannst.

War dieser Beitrag hilfreich?
0 von 0 fanden dies hilfreich