Um ein Suchfeld einzurichten, sollen Sie zuerst definieren, welche Inhalte Sie durchsuchen möchten:
| ▪ | 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. |
| ▪ |  Produkte des Onlineshops durchsuchen: So werden nur die Produkte Ihres Onlineshops durchgesucht. Die Ergebnisse werden direkt auf der Suchseite der Produkte angezeigt, wo man weitere Filter einstellen kann. |
| ▪ | Blogbeiträge durchsuchen: So werden nur die Blogbeiträge durchgesucht. Die Ergebnisse, die nach Relevanz sortiert werden, werden auf der Homepage des Blogs angezeigt. |
Danach ist es möglich, das gewünschte Anzeigemodus auszuwählen:
|
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 gewähltem Anzeigemodus sind einige Optionen für die Grafik verfügbar:
| ▪ | Anordnung: Legt fest, ob das Suchfeld links oder rechts vom Button positioniert werden soll. |
| ▪ | Schriftart: Definiert die Schriftart, den Schriftschnitt und die Größe des Textes. |
| ▪ | Ränder: Einstellung der Textränder in Pixeln. Auf diese Weise können Sie Ihren Text präzise positionieren und den Abstand zum Feldrand festlegen. |
| ▪ | Abstand: Einstellung des Abstandes zwischen Suchfeld und Button. |
Für das Suchfeld und den Button stehen folgende Optionen zur Verfügung:
| ▪ | Beschriftung: Einstellung eines Standard-Textes, der im Suchfeld oder im Button angezeigt werden soll. |
| ▪ | Text / Hintergrundfarbe: Legt die Textfarbe und die Hintergrundfarbe des Textes fest. |
| ▪ | Farbe: Definiert die Randfarbe, die Ränder können auch einzeln definiert werden. |
| ▪ | Rundung der Ecken: Definiert die Rundung der Ecken, auch einzeln. |
Und schließlich kann eingestellt werden, dass im Suchfeld ein Symbol angezeigt wird. Aktivieren Sie hierzu die Option Symbol anzeigen. Wird ein Symbol aktiviert, kann es mit folgenden Optionen konfiguriert werden:
| ▪ | Stil: Legt den Stil des Symbols fest, zur Auswahl stehen mehrere grafische Optionen. |
| ▪ | Position: Definiert, ob das Symbol im Suchfeld oder im Button angezeigt werden soll. |
| ▪ | Ausrichtung: Ausrichtung des Symbols links oder rechts im Suchfeld oder Button. |
|
