Wix Hilfe-Center
- Deine Website erstellen
- Editor X
- Elemente im Editor X hinzufügen
Start
Editor X: Website-Suche hinzufügen und einrichten
5 Min. Lesezeit
Editor X wird zu Wix Studio, unserer neuen Plattform für Agenturen und Freelancer.Mehr über Wix Studio erfahren
Füge deiner Website eine Suchleiste hinzu, damit Besucher alles finden können, was sie suchen. Die Suchergebnisse werden übersichtlich in einer Liste angezeigt, die sowohl Inhalte deiner Website-Seiten als auch Shop-Produkte, Blogbeiträge und vieles mehr enthält.
Schritt 1 | Die Website-Suche-App hinzufügen
Der erste Schritt besteht darin, die Website-Suche-App von Wix direkt über das Hinzufügen-Panel hinzuzufügen. Sobald du auf Zur Website hinzufügen klickst, wirst du auf eine neue Seite mit dem Titel Suchergebnisse weitergeleitet, damit du sofort mit der Anpassung beginnen kannst.
So geht's
- Klicke oben im Editor X auf Hinzufügen
.
- Klicke links auf Menü & Suche.
- Wähle Website-Suche.
- Klicke neben Website-Suche auf das Symbol für Zur Website hinzufügen
, um die App zu deiner Website hinzuzufügen.
Schritt 2 | Die Suchleiste anpassen
Nachdem du die Website-Suche hinzugefügt hast, wähle eine Suchleiste aus dem Hinzufügen-Panel und ziehe sie in einen Abschnitt auf deiner Seite. Wir empfehlen, sie in der Standard-Master-Kopfzeile zu platzieren, um sicherzustellen, dass sie immer sichtbar ist.
Als Nächstes kannst du den Platzhaltertext, das Layout und das Design der Suchleiste anpassen, um sie nach deinen Vorstellungen zu gestalten. Du kannst auch die Schnellsuche aktivieren, damit die Besucher zusätzlich zur Seite mit den Suchergebnissen auch gleich die Suchergebnisse sehen.
Klicke unten auf eine Option, um zu erfahren, wie du die Suchleiste einrichten kannst:
Die Einstellungen der Suchleiste verwalten
- Wähle das Suchleistenelement auf deiner Seite aus.
- Klicke auf Einstellungen.
- Führe die folgenden Schritte aus, um deine Suchleiste einzurichten:
- Gib deinen eigenen Platzhaltertext in das Textfeld ein.
- Klicke auf den Schalter Schnellsuche aktivieren, um diese Option zu aktivieren oder zu deaktivieren. Die Schnellsuche lässt Besucher relevante Ergebnisse sofort sehen, wenn sie ihre Schlüsselwörter eingeben.
Die Suchleiste gestalten
- Wähle das Suchleistenelement auf deiner Seite aus.
- Klicke auf das Symbol für Design
.
- Klicke oben im Panel auf einen Tab, um auszuwählen, welchen Status du anpassen möchtest (Standard, Mouseover oder Fokus).
- Gestalte die Suchleiste mit den folgenden Optionen:
- Füllfarbe & Deckkraft
: Wähle die Hintergrundfarbe der Leiste und das Suchsymbol. Ziehe die Schieberegler, um die Deckkraft der einzelnen Komponenten festzulegen.
- Rand
: Erstelle einen Rahmen für deine Leiste. Du kannst die Randfarbe, Deckkraft, Stil und Breite auswählen.
- Ecken
: Ändere die Ecken deiner Leiste. Du kannst einen Wert in px an bestimmten Ecken eingeben oder auf das Link-Symbol in der Mitte klicken, um sie alle gleich zu halten.
- Schatten
: Klicke auf den Schalter Schattierung, um deiner Leiste einen Schatten hinzuzufügen. Du kannst den Winkel, Abstand und die Größe der Schattierung ändern. Du kannst auch die Farbe, Deckkraft und Weichzeichnung wählen.
- Text
: Ändere das Design des Platzhaltertextes, einschließlich Schriftart und Farbe.
- Füllfarbe & Deckkraft
Das Layout der Suchleiste anpassen
- Wähle das Suchleistenelement auf deiner Seite aus.
- Klicke auf das Symbol für Layouts
, um das Layout der Suchleiste anzupassen. Wähle zunächst oben ein Layout aus.
- Passe das Layout mithilfe der verfügbaren Optionen an:
- Symbolausrichtung: Wähle, ob das Suchsymbol links oder rechts von der Suchleiste angezeigt werden soll.
- Textausrichtung: Wähle die Ausrichtung des Platzhaltertextes (links oder zentriert).
- Textabstand: Wenn du Text links ausrichtest, kannst du diesen Schieberegler ziehen, um den Abstand (in px) zwischen dem Text und der linken Ecke anzupassen.
- Symbolabstand: Ziehe den Schieberegler, um den Abstand (in px) zwischen dem Suchsymbol und den Rändern der Suchleiste anzupassen.
Tipp:
Passe die Suchleiste an die Breakpoints deiner Website an, damit Besucher sie von jedem Gerät aus verwenden können.
Schritt 3 | Die Suchergebnisseite anpassen
Nachdem du die Suchleiste gestaltet hast, passe die Suchergebnisseite an, die die Ergebnisse der Anfragen deiner Besucher anzeigt. Ändere den Seitentitel, indem du auf das Textelement klickst, und wähle die Suchergebnis-App aus, um die Einstellungen, das Layout und das Design zu verwalten.
Klicke unten auf eine Option, um zu erfahren, wie du die Suchergebnisseite einrichten kannst:
Den Seitentitel ändern
- Klicke auf das Textelement Suchergebnisse.
- Klicke auf Text bearbeiten, um den Text und seine Formatierung zu ändern.
Die Einstellungen, das Layout und das Design der Seite verwalten
- Wähle die Suchergebnis-App auf der Seite aus.
- Klicke auf Einstellungen.
- Klicke im Panel Einstellungen auf die folgenden Tabs, um die Seite anzupassen:
- Einstellungen: Entscheide, wie Informationen auf dieser Seite angezeigt werden. Du kannst zum Beispiel die Anzahl der pro Seite angezeigten Ergebnisse steuern, eine zusätzliche Suchleiste auf der Seite hinzufügen und vieles mehr.
- Anzeige: Benenne die Suchkategorien auf deiner Suchergebnisseite um, ordne sie neu an, blende sie aus oder ein.
- Layout: Wähle eine Ausrichtung für das Ergebnismenü und die Seitennavigation, falls es mehrere Seiten mit Suchergebnissen gibt.
- Design: Gestalte einzelne Elemente auf der Seite wie die Suchleiste (falls du sie einbinden möchtest), das Ergebnismenü und die tatsächlichen Suchergebnisse.
Hinweis:
Diese Seite ist ausgeblendet, was bedeutet, dass Besucher sie nur sehen können, wenn sie in der Suchleiste nach einem Begriff suchen.
War das hilfreich?
|
Schritt 1 | Die Website-Suche-App hinzufügen
Schritt 2 | Die Suchleiste anpassen
Schritt 3 | Die Suchergebnisseite anpassen