header-logo
Erfahre, wie du Wix für den Aufbau deiner Website und deines Unternehmens nutzen kannst
Gestalte und verwalte deine Website mit Wix.
Verwalte Premiumpakete, Abos und Rechnungen
Führe dein Unternehmen und vernetze dich mit Mitgliedern.
Kaufe, verknüpfe oder übertrage eine Domain.
Stärke dein Unternehmen und deine Webpräsenz.
Steigere deine Sichtbarkeit mit SEO und Marketing.
Nutze erweiterte Funktionen für mehr Effizienz.
Finde Lösungen oder kontaktiere uns.
placeholder-preview-image
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

8 min
In diesem Artikel
  • Einen Button hinzufügen
  • Standardbuttons anpassen
  • Design-Buttons anpassen
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 Button in deinem Editor aus.
  2. Wähle, was du anpassen möchtest:
Screenshot eines Standardbuttons im Editor 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