Kompatibilität:

WebSite X5 Evo und Pro

Suchfelder sind besonders wichtig für Websites mit vielen Inhalten und für Onlineshops mit vielen Produkten, weil Sie helfen dabei, die gewünschten Informationen oder Produkte mühelos zu finden.


Wenn Sie Ihren Besuchern diese Möglichkeit bieten möchten, sollen Sie nur das Objekt Suche in das Header/Footer des Templates einfügen oder als Inhalt einer Seite anwenden. Dieses Objekt benutzt die interne Suchmaschine, um die ganze Website oder nur einige Bereiche durchzusuchen bzw. nur die entsprechenden Ergebnisse nach Relevanz anzuzeigen.


Um das Suchfeld einzurichten, sollen Sie nur 3 Schritten folgen:

  1. Die Position des Suchfelds definieren
  2. Die Bereiche für die Such auswählen.
  3. Den grafischen Stil des Suchfelds einstellen.


So fügen Sie ein Suchfeld ein

In den meisten Fällen ist es besser, das Objekt Suche direkt ins Header des Templates anstatt auf eine einzige Seite hinzuzufügen, weil so das Feld auf die ganze Website angezeigt wird.


Wenn Sie so vorgehen möchten, sollen Sie dann:

  • Auf Schritt 2- Template Einstellungen > Inhalt des Templates gehen.
  • Mit dem Editor im Header das Objekt Such in die beste Position des Bereichs einfügen.
  • Das Objekt doppelklicken, um das Einstellungen-Fenster zu öffnen und alle nötigen Parameter zu definieren. 


#tip - Beim Einfügen des Objekts Suche ins Header/Footer oder auf eine Seite, wird die Spezialseite „Suche“ automatisch in die Sitemap generiert. Die Einstellungen für diese Seite kann man im Bereich „Eigenschaften der Seite“ definieren. 


So definieren Sie den Suchbereich

Jetzt sollen Sie die Bereiche für die Suche definieren. Sie können mit der entsprechenden Option im Objekt Suche das folgende auswählen:

  • Ganze Website durchsuchen: So werden Seiten, Bilder, Videos, Produkte und Blog durchgesucht. Die Ergebnisse, die nach Relevanz sortiert werden, werden auf vom Programm automatisch generierten Seiten angezeigt. Mehr Informationen finden Sie auf:  So wird die Suchergebnisseite von WebSite X5 angezeigt.
  • Produkte des Onlineshops durchsuchen: Diese Option ist nur für die Pro-Edition von WebSite X5 verfügbar. So werden nur die Produkte Ihres Onlineshops durchgesucht. Die Ergebnisse werden direkt auf der Suchseite der Produkte angezeigt, wo man weitere Filter einstellen kann.  Mehr Informationen finden Sie auf:  So können Sie die Suchseite für die Produkte Ihres Onlineshops anwenden.
  • Blogbeiträge durchsuchen: So werden nur die Blogbeiträge durchgesucht. Die Ergebnisse, die nach Relevanz sortiert werden, werden auf der Homepage des Blogs angezeigt.


So definieren Sie den Stil des Suchfelds

Jetzt können Sie das grafische Aspekt des Suchfelds definieren:

  • Bleiben Sie im Einstellungen-Fenster des Objekts Suche.
  • Wählen Sie den gewünschten Anzeigemodus:
    • Suchfeld und Button: Es werden nebeneinander das Suchfeld zur Texteingabe und ein Such-Button eingefügt, auf den der Nutzer klickt, um die Suche zu starten.
    • Nur Suchfeld: Es wird nur ein Suchfeld eingefügt. Nach der Eingabe des Textes muss die Enter-Taste gedrückt werden, um die Suche zu starten.
    • Nur Button anzeigen und Suchfeld nach Klick einblenden: Es wird nur der Such-Button eingefügt. Klick auf den Button erscheint das Suchfeld. Nach Eingabe des Textes muss erneut auf den Button geklickt werden, um die Suche zu starten.
  • Je nach dem ausgewählten Anzeigemodus sollen Sie die nötigen Parameter eingeben, aber Sie können alle die Elemente anpassen:
    • Die Anordnung von Button und Feld;
    • Die Beschriftung im Button oder im Feld;
    • Die Schriftart, Farbe, Ränder, die abgerundeten Ecken und Abstände.
  • Schließlich können Sie eventuell ein Icon, vielleicht eine kleine Lupe, damit die Funktion des Felds klarer sei:
    • Aktivieren Sie die Option Symbol anzeigen.
    • Wählen Sie ein Icon aus der Bibliothek oder importieren Sie eine Datei.
    • Definieren Sie die Position (das Symbol im Suchfeld oder im Button anzeigen) und die Ausrichtung (links oder rechts).
    • Klicken Sie auf Ok, wann Sie fertig sind.


#tip - Mehr Informationen über die interne Suchmaschine von WebSite X5 finden Sie auf: So funktioniert die interne Suchmaschine von WebSite X5.