header-logo
Verbessere deine Kenntnisse mit unseren Tutorials.
Erhalte Tipps für Webdesign, Marketing und mehr.
Erfahre, wie du den organischen Traffic steigerst.
Erstelle eine Website mit unserer Full-Stack-Plattform.
Finde einen Spezialisten, der dir hilft, deine Ziele zu erreichen.
placeholder-preview-image

Studio Editor: Buttons hinzufügen und anpassen

7 min
Buttons sind eine großartige Möglichkeit, Besucher zu ermutigen, mit einer Website zu interagieren. Im Studio Editor kannst du Buttons hinzufügen, die Text, ein Symbol oder beides anzeigen. Du hast die volle Kontrolle über das Design und Layout, damit du genau das Aussehen gestalten kannst, das du benötigst.
Beispiele für viele Button-Designs, die du im Studio Editor erstellen kannst

Einen Button hinzufügen

Wenn du einen neuen Button hinzufügst, kannst du ein Design aus zwei Kategorien auswählen:
  • Standardbuttons: Diese Buttons zeigen nur Text an und haben ein eher „minimalistisches“ Aussehen.
  • Design-Buttons: Diese Buttons können sowohl Text als auch Symbole anzeigen und bieten erweiterte Anpassungsoptionen (z. B. Bildhintergründe, Farbverläufe und mehr).

Um einen Button hinzuzufügen:

  1. Klicke auf der linken Seite des Editors auf Elemente hinzufügen .
  2. Klicke auf Button.
  3. Scrolle durch die Designs und ziehe einen Standardbutton oder einen Design-Button auf die Seite.
Du suchst nach neuen Ideen?
Sieh dir diese Anleitungen zum Thema Buttons an:

Standardbuttons anpassen

Nachdem du einen Standardbutton hinzugefügt hast, kannst du dessen Text ändern und auswählen, wohin er verlinkt. Sobald das eingerichtet ist, kannst du mit der Anpassung des Designs beginnen. Wähle eine andere Füllfarbe, füge einen Schatten hinzu und passe andere Einstellungen wie Abstand und Textformatierung an.

Um einen Standardbutton anzupassen:

  1. Wähle den entsprechenden Button.
  2. Wähle, was du anpassen möchtest:
Screenshot eines Standardbutton mit den Designoptionen des Inspektor-Panels

Design-Buttons anpassen

Design-Buttons bieten unzählige Anpassungsmöglichkeiten, sodass du sie bis ins letzte Detail gestalten kannst. Ändere den Text und das Symbol entsprechend der gewünschten Aktion, wähle, wie die beiden angeordnet werden sollen, lege einen Farbverlauf oder ein Bild als Hintergrund fest und vieles mehr.

Um den Design-Button anzupassen:

  1. Wähle den entsprechenden Button.
  2. Wähle, was du anpassen möchtest:
Screenshot eines Design-Buttons mit den Designoptionen des Inspektor-Panels
Beispiele für viele Button-Designs, die du im Studio Editor erstellen kannst
Screenshot eines Standardbutton mit den Designoptionen des Inspektor-Panels
Screenshot eines Design-Buttons mit den Designoptionen des Inspektor-Panels