So fügen Sie eine Autocomplete-Suche in WordPress hinzu

Wenn Sie eine Suchmaschine wie Google verwenden, besteht eine hohe Wahrscheinlichkeit, dass Ihnen einige Suchvorschläge angeboten werden, bevor Sie überhaupt mit der Eingabe einer vollständigen Suchanfrage fertig sind. Dies wird als Autocomplete-Suche bezeichnet, eine großartige Funktion, die Benutzern helfen kann, schnell zu finden, wonach sie suchen, und ihnen dabei viel wertvolle Zeit spart. Dies kann wiederum nur zu ihrer allgemeinen Benutzererfahrung beitragen und es wahrscheinlicher machen, dass sie länger auf Ihrer Website bleiben.

Jetzt bietet WordPress standardmäßig die Möglichkeit, eine Suchfunktion hinzuzufügen, und je nach verwendetem Thema können Sie es möglicherweise sogar in viele verschiedene Bereiche Ihrer Website einfügen und Ihrem WordPress eine Suchleiste hinzufügen Menü zum Beispiel. Wenn es jedoch um Features wie „Autocomplete“ geht, müssen Sie ein WordPress-Such-Plugin verwenden, das speziell die Autocomplete-Funktion anbietet.

Dieses Mal zeigen wir Ihnen, wie Sie dieses praktische Feature ganz einfach in Ihre WordPress-Site implementieren und Machen Sie den Suchprozess für Ihre Besucher viel bequemer. Ohne weitere Umschweife geht es hier weiter.

Hinzufügen der Autocomplete-Suche in WordPress mit einem Plugin

Wie wir bereits eingangs erwähnt haben, müssen Sie ein Plugin installieren, das diese Funktion unterstützt, um die Autocomplete-Suchfunktion zu Ihrer WordPress-Site hinzuzufügen. Ein solches Plugin ist Ajax Search Lite – es ist ein Freemium-Plugin, mit dem Sie Ihrer Website eine Live-Suchleiste hinzufügen können. Abgesehen vom Zugriff auf die automatische Vervollständigungsfunktion von Google können Sie Ihr Suchfeld auch zu jeder Seite, jedem Beitrag oder benutzerdefinierten Beitragstyp hinzufügen, benutzerdefinierte Filterfelder (Checkbox-Filter) für Kategorien und Beitragstypen verwenden und vieles mehr.

Es gibt auch die Pro-Version des Plugins (erhältlich zum Preis von 36 US-Dollar), das einige zusätzliche erweiterte Optionen enthält. Dazu gehören die Möglichkeit, in den Kategorie-, Tag- und Datumsfiltern zu suchen, in Kommentaren zu suchen, Zugriff auf 4 verschiedene Layouts und über 100 verschiedene Themen zu haben usw.

Installieren des Plugins und Einrichten der Autocomplete-Optionen

Nachdem Sie das Plugin installiert und aktiviert haben, gehe zu Ajax Search Lite (verfügbar in Ihrem Admin-Dashboard) und finde die Allgemeine Optionen Tab. Dann, navigieren zu Automatische Vervollständigung und Vorschläge.

Dort angekommen, werden Sie sehen, dass die Die Autocomplete-Suchoption ist standardmäßig aktiviert. Dasselbe gilt für die Keyword-Vorschlagsoption der Google-Suche.

Es gibt noch einige andere Optionen, die Sie hier festlegen können, wie die maximale Keyword-Länge, die maximale Keyword-Anzahl und die Sprache der Google-Vorschläge.

Stellen Sie sicher, dass Sie auf „Optionen speichern“ klicken! Taste, sobald Sie fertig sind.

Falls Sie bestimmen möchten, welche Arten von Inhalten in Ihren Ergebnissen der automatischen Vervollständigung angezeigt werden, besuchen Sie unbedingt die Registerkarte Quellen und Grundlagen. Sie können alles von Navigationsmenüs bis hin zu benutzerdefinierten CSS und Vorlagen auswählen. Darüber hinaus können Sie all dies mit Hilfe einer praktischen Drag & Drop-Funktion tun.

Darüber hinaus können Sie das Plugin so einstellen, dass es die Suche in Titeln, Permalinks, Post-Auszügen, benutzerdefinierten Feldern usw. zulässt (oder nicht zulässt).

Es stehen viele weitere nützliche Einstellungen zur Verfügung, z. B. Bildoptionen, mit denen Sie entscheiden können, ob Sie Bilder in die Suchergebnisse aufnehmen möchten, Layoutoptionen (um das Aussehen Ihres Suchfelds und seiner Ergebnisse vollständig anzupassen), erweiterte Optionen und mehr .

Für weitere Informationen zu all diesen Optionen und um mehr über die Verwendung dieses praktischen Plugins zu erfahren, empfehlen wir Ihnen, unseren Artikel zum Hinzufügen der AJAX-Live-Suche in WordPress zu lesen.

Hinzufügen des Autocomplete-Suchfelds zu Ihrer WordPress-Site

Sobald Sie alle Einstellungen Ihren Wünschen entsprechend angepasst haben, ist es an der Zeit, Ihre Ajax-Suche mit automatischer Vervollständigung zu Ihrer Website hinzuzufügen.

Dazu müssen Sie zunächst Kopieren Sie den „Search Shortcode“ (verfügbar direkt über den Optionen des Plugins).

Nachdem Sie diesen Shortcode kopiert haben, sollten Sie Gehen Sie zu der Seite/dem Beitrag, zu der/dem Sie Ihre Suche hinzufügen möchten.

Suchen Sie dann den Shortcode-Block über die Schaltfläche (+) oder „Block hinzufügen“.

Einfach Fügen Sie Ihren Shortcode in den Block einund schon sind Sie fertig.

Stellen Sie sicher, dass Veröffentlichen/Aktualisieren deine Seite/Beitragund sehen Sie sich dann an, wie Ihre Suche mit automatischer Vervollständigung live aussieht.

So sah unsere Suchleiste mit automatischer Vervollständigung aus, nachdem wir mit der Eingabe unseres Schlüsselworts begonnen hatten.

Autocomplete-Suche – Best Practices

Zu guter Letzt könnte es auch eine gute Idee sein Erwähnen Sie einige bewährte Methoden, die Sie bei der Implementierung der Autocomplete-Suche auf Ihrer Website berücksichtigen sollten. Hier sind einige der Möglichkeiten, wie Sie Ihre Autocomplete-Suche optisch überzeugender und insgesamt benutzerfreundlicher gestalten können.

Abschließend

Die Suchfunktion zur automatischen Vervollständigung kann erheblich zur allgemeinen Benutzerfreundlichkeit Ihrer Website beitragen, da Benutzer schnell und mühelos finden können, was sie benötigen. Mit Hilfe des richtigen Plugins ist das Hinzufügen der Autocomplete-Suche in WordPress so einfach wie es nur geht. Wir empfehlen die Verwendung eines Plugins wie AJAX Live Search für diese Aufgabe, da es mit einer Vielzahl von Autocomplete- und anderen Live-Suchoptionen ausgestattet ist und Ihnen eine umfassende Anpassung des Aussehens und der Funktion Ihrer Suche ermöglicht. Außerdem ist die Option zur automatischen Vervollständigung bereits in der kostenlosen Version dieses Plugins verfügbar, sodass Sie kein Geld bezahlen müssen, um diese praktische Option zu Ihrer WordPress-Site hinzuzufügen.