Die Suchleiste deiner Website anpassen

Lasse deine Besucher mithilfe der Suchleiste Site Search von Wix deine Website durchsuchen. Die Ergebnisse der Suche werden in einer Liste angezeigt, damit deine Besucher leicht finden können, was sie suchen.
Screenshot, der die Site Search von Wix auf einer Live-Website zeigt
Du kannst das Layout und das Design deiner Suchleiste so ändern, dass sie zum Design deiner Website passen.
In diesem Artikel erfährst du mehr über folgende Themen:

Die Einstellungen der Suchleiste anpassen

Passe den Platzhaltertext und die Ergebnisvorschläge deiner Suchleiste an.

Um die Einstellungen deiner Suchleiste anzupassen:

  1. Klicke im Editor auf die Suchleiste.
  2. Klicke auf Einstellungen.
  3. Passe die Einstellungsoptionen an:
    • Platzhaltertext: Füge einen kurzen Text hinzu, der angezeigt wird, wenn die Suchleiste leer ist.
      Hinweis: Dieser Text verschwindet, wenn Website-Besucher anfangen, in die Suchleiste zu tippen.
    • Suchvorschläge: Aktiviere oder deaktiviere die Suchvorschläge, die angezeigt werden, wenn ein Benutzer mit der Eingabe beginnt.
    • Beliebte Elemente: Aktiviere oder deaktiviere die Anzeige von beliebten Elementen, bevor ein Benutzer mit der Eingabe beginnt.
      Hinweis: Die Aktivierung von beliebten Elementen ist nur möglich, wenn auch die Option Suchvorschläge aktiviert sind.
Screenshot der Suchleisteneinstellungen im Editor

Das Layout der Suchleiste ändern

Lege im Layout-Panel das Layout, die Ausrichtung und den Abstand auf deiner Suchleiste fest.

Um das Layout deiner Suchleiste zu ändern:

  1. Klicke im Editor auf die Suchleiste.
  2. Klicke auf das Symbol für Layouts .
  3. Passe die Layout-Optionen an:
    • Layout wählen: Wähle einen Stil für deine Suchleiste.
    • Symbolausrichtung: Wähle die Position des Suchsymbols aus.
    • Textausrichtung: Wähle die Position des Textes aus.
    • Textabstand: Lege den Abstand zwischen dem Rand der Suchleiste und dem Text fest.
    • Symbolabstand: Lege die Größe des Symbolbereichs fest.
Screenshot der Einstellungen des Suchleisten-Layouts im Wix Editor
Hinweis:
Die verfügbaren Optionen hängen vom ausgewählten Layout ab.

Das Design der Suchleiste anpassen

Personalisiere das Design deiner Suchleiste für die verschiedenen Status:
  • Standard: Wenn deine Suchleiste nicht verwendet wird.
  • Mouseover: Wenn Besucher mit der Maus über die Suchleiste fahren.
  • Fokus: Wenn Besucher auf die Leiste geklickt haben.

Um das Design deiner Suchleiste anzupassen:

  1. Klicke im Editor auf die Suchleiste.
  2. Klicke auf das Symbol für Design .
  3. Wähle ein voreingestelltes Design.
  4. Klicke auf Design anpassen, um es weiter zu gestalten.
    1. Klicke auf einen Tab, um auszuwählen, welchen Status du anpassen möchtest. Standard, Mouseover oder Fokus.
    2. Passe den Status mit den folgenden Optionen an:
      • Füllfarbe & Deckkraft: Ändere die Farbe des Hintergrunds der Leiste und des Symbols:
        • Eingabefeld — Hintergrundfarbe: Klicke auf das Farbfeld, um die Hintergrundfarbe des Eingabefelds auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
        • Buttonhintergrund: Klicke auf das Farbfeld, um die Hintergrundfarbe des Suchsymbols auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
        • Button-Symbol: Klicke auf das Farbfeld, um die Farbe des Suchsymbols auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
      • Rand: Füge einen Rand für deine Leiste hinzu und passe diesen an:
        • Deckkraft & Farbe: Klicke auf das Farbfeld, um die Randfarbe auszuwählen, und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
        • Randstil: Wähle den Stil deines Randes und auf welchen Seiten er angezeigt werden soll.
        • Breite: Ziehe den Schieberegler, um den Rand dicker oder dünner zu gestalten.
      • Ecken: Runde die Ecken deiner Suchleiste ab:
        • Gib einen Wert in einer Ecke ein oder klicke auf das Symbol für Schloss und ändere alle Werte gleichzeitig.
      • Schatten: Füge deiner Suchleiste einen Schatten hinzu:
        1. Klicke auf den Schalter Schatten, um einen Schatten hinzuzufügen.
        2. Passe den Schatten mit den folgenden Optionen an:
          • Winkel: Wähle den Schattenwinkel aus.
          • Abstand: Ziehe den Schieberegler, um den Abstand des Schattens zu vergrößern oder zu verkleinern.
          • Größe: Ziehe den Schieberegler, um den Schatten zu vergrößern oder zu verkleinern.
          • Weichzeichnen: Ziehe den Schieberegler, um die Unschärfe zu erhöhen oder zu verringern.
          • Deckkraft & Farbe: Klicke auf das Farbfeld und wähle die Farbe der Schattierung und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
      • Text: Formatiere den Text in der Leiste:
        • Platzhalterfarbe: Klicke auf das Farbfeld, um die Farbe des Platzhaltertextes auszuwählen und ziehe den Schieberegler, um die Deckkraft zu erhöhen oder zu verringern.
        • Farbe: Klicke auf das Farbfeld, um die Farbe des Eingabetextes auszuwählen.
        • Schriftvorlage: Klicke auf das Aufklappmenü und wähle die Schriftvorlage aus.
        • Schriftart: Klicke auf das Aufklappmenü und wähle die Schriftart aus.
        • Schriftgröße: Ziehe den Schieberegler, um die Textgröße festzulegen.
        • Fett/Kursiv: Klicke auf die Optionen, um den Text zu formatieren.
Screenshot des Designbereichs der Site Search von Wix im Wix Editor

War das hilfreich?

|