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

Wix Editor: Einen Symbolbutton hinzufügen und einrichten

6 min
In diesem Artikel
  • Schritt 1 | Deinen Symbolbutton hinzufügen
  • Schritt 2 | Den Text und das Symbol deines Symbolbuttons einrichten
  • Schritt 3 | Einen Link zu deinem Symbolbutton hinzufügen
  • Schritt 4 | Deinen Button anpassen
Symbolbuttons sind eine unterhaltsame, visuelle Möglichkeit, um Besuchern die Navigation auf deiner Website zu erleichtern. Um sicherzustellen, dass sie wissen, was dein Symbolbutton tut, kannst du einen informativen Tooltip hinzufügen, der angezeigt wird, wenn man mit der Maus über den Button fährt.
Richte den Link für deinen Symbolbutton ein und passe das Symbol an, das für jeden Status angezeigt wird, Standard und Mouseover.

Schritt 1 | Deinen Symbolbutton hinzufügen

Um loszulegen, wähle einen Symbolbutton aus dem „Elemente Hinzufügen“-Panel und ziehe ihn auf deine Seite. Je nach Aktion und gewünschtem Aussehen stehen viele verschiedene Designs zur Auswahl.

Um einen Symbolbutton zu deiner Website hinzuzufügen:

  1. Öffne deinen Editor.
  2. Klicke auf der linken Seite des Editors auf Hinzufügen .
  3. Klicke auf Button.
  4. Klicke auf Symbolbutton.
  5. Klicke oder ziehe den Button, um ihn deiner Seite hinzuzufügen.
Screenshot des Hinzufügen-Panels im Editor. Der Button-Tab wurde ausgewählt und der Mauszeiger zeigt auf „Symbolbuttons“.

Schritt 2 | Den Text und das Symbol deines Symbolbuttons einrichten

Lege fest, was du auf deinem Button anzeigen möchtest. Du kannst ein Symbol, Text oder beides anzeigen.
Text und Symbole, die auf Buttons angezeigt werden, sollten einen klaren Aktionsaufruf enthalten und Besucher wissen lassen, wohin sie weitergeleitet werden.

Um den Text und das Symbol des Buttons einzurichten:

  1. Klicke auf deinen Symbolbutton.
  2. Klicke auf Einstellungen.
  3. Klicke auf Was möchtest du anzeigen? und wähle eine Option aus dem Dropdown-Menü aus: 
    • Text und Symbol: Zeige sowohl Text als auch ein Symbol auf dem Button an. Richte die folgenden Optionen ein:
      • Wie lautet der Text? Gib den Text ein, der auf dem Button angezeigt werden soll.
      • Symbol wählen: Klicke auf das Symbol für Ersetzen  um ein neues Symbol für deinen Button auszuwählen. Du kannst aus kostenlosen Medien von Wix wählen oder deine eigenen hochladen.
    • Nur Symbol: Zeige nur ein Symbol auf dem Button an. Richte die folgenden Optionen ein:
      • Symbol wählen: Klicke auf das Symbol für Ersetzen  um ein neues Symbol für deinen Button auszuwählen. Du kannst aus kostenlosen Medien von Wix wählen oder deine eigenen hochladen.
      • Wie lautet der Alt-Text? Gib eine Alt-Textbeschreibung für das Symbol ein.
    • Nur Text: Zeige nur Text auf dem Button an. Gib unter Wie lautet der Text? den Text ein, der auf dem Button angezeigt werden soll.
    • Nichts: Erstelle einen transparenten Button, der keinen Text oder Symbol anzeigt. Gib unter Wie lautet der Alt-Text? eine Beschreibung des Buttons ein.
Das Panel „Buttoneinstellungen“. Es wurde so eingestellt, dass sowohl Text als auch ein Symbol angezeigt wird.

Füge deinem Button einen Link hinzu, um deine Website-Besucher an die entsprechende Stelle zu führen. Du kannst viele verschiedene Orte verlinken, unter anderem eine Seite auf deiner Website, eine externe Internetadresse, ein Dokument oder eine E-Mail-Adresse.

Um einen Link zu deinem Button hinzuzufügen:

  1. Klicke auf deinen Symbolbutton.
  2. Klicke auf das Symbol für Link .
  3. Wähle auf der linken Seite einen Link-Typ aus.
  4. Füge je nach ausgewähltem Link-Typ die entsprechenden Informationen hinzu.
  5. Klicke auf Fertig.
Hinweis:
Wenn dein URL-Link ein nicht unterstütztes Zeichen enthält, wird die folgende Fehlermeldung angezeigt: Überprüfe die URL und versuche es erneut. Um die Validierung zu umgehen, verwende einen Link-Verkürzungsdienst wie bit.ly oder goo.gl.
Das Link-Panel im Editor. Als Link-Typ wurde eine E-Mail-Adresse ausgewählt und die entsprechenden Informationen wurden eingegeben
Tipp:
Erfahre mehr über die Arten von Links, die du hinzufügen kannst.

Schritt 4 | Deinen Button anpassen

Nachdem du einen Link zu deinem Symbolbutton hinzugefügt hast, kannst du ihn genau an deine Bedürfnisse anpassen. Du kannst die Hintergrundfüllung wählen, den Text gestalten und vieles mehr.

Um deinen Symbolbutton anzupassen:

  1. Klicke auf deinen Symbolbutton.
  2. Klicke auf das Symbol für Design .
  3. Wähle ein anderes voreingestelltes Design oder klicke auf Design anpassen, um das bestehende Design zu anzupassen.
  4. Wähle unter Design anpassen den Buttonstatus aus dem Dropdown-Menü aus.
    • Standard: Wie der Button angezeigt wird, bevor Besucher mit ihm interagieren.
    • Mouseover: Wie der Button angezeigt wird, wenn ein Besucher mit der Maus darüberfährt.
  5. Passe das Design in den folgenden Tabs an:
Das Design-Panel im Editor. Die Standardansicht wurde ausgewählt und der Cursor schwebt über der Option Hintergrundfüllung.