Anleitung: Ajax Suche für WooCommerce umsetzen

suchfunktion

Du willst deinen Kunden passende Produkte anzeigen, direkt beim Eintippen im Suchfeld? Mit einer auf Ajax basierten Live-Suche ist das möglich. Wir stellen dir passende Plugins vor.

Das Prinzip der Direktsuche lässt sich gut am Beispiel des kostenfreien Plugins Ajax Search for WooCommerce von Damian Góra demonstrieren. Deine Besucher tippen die ersten Buchstaben eines gesuchten Produkts in das Suchfeld, und schon erhalten sie die ersten Treffer:

ajax woocommerce

Gegenüber der Standard-Suche – die mit einem kompletten vordefinierten Begriff abgeschlossen werden muss, der vielleicht keine Ergebnisse erzielt – steigt damit die Wahrscheinlichkeit, dass sie passende Waren finden. Das erhöht deine Umsätze. Eine Live-Demo von Ajax Search for WooCommerce findest du hier.

Die Erweiterung kannst du per Widget oder per Shortcode in deinen Shop einfügen. Sie funktioniert direkt nach der Aktivierung des Plugins. Folgende Einstellungen stehen optional zur Verfügung:

  • Wähle aus, wie viele Suchergebnisse maximal angezeigt werden
  • Definiere, welche Anzahl an Buchstaben eingetippt werden muss, damit die Suche anspringt
  • Passe die Texte sowie das Erscheinungsbild der Suchbox an
  • Zeige Produktbilder, Preisinformationen etc. in den Suchergebnissen

Mit der letztgenannten Option solltest du vorsichtig sein, da dies die Ladezeiten deutlich erhöhen kann, dazu gleich mehr:

ajax bilder

Beachte bei der Preisdarstellung die rechtlichen Grundlagen in Deutschland und Österreich.

Live-Suche fortlaufend gut testen

Du solltest jede Ajax-Suche gut auf einem separaten Testsystem überprüfen, bevor du sie in deinem Onlineshop freischaltest. Siehe diese Schritt-für-Schritt-Anleitung. Denn eine Live-Suche kann schnell zu Inkompatibilitäten mit deinen anderen Plugins oder mit deinem WooCommerce Theme führen.

So praktisch die erweiterte Suche für deine Kunden ist, sie hat auch Nachteile. Ajax-Komponenten können schnell zu langen Ladezeiten führen. Deswegen solltest du die Geschwindigkeit der Suche immer wieder auf den Prüfstand setzen. Vor allem dann, wenn dein Hosting nicht allzu performant ist, oder wenn du über eine große Produktpalette verfügst. Ajax Search for WooCommerce hat sehr gute Bewertungen bei wordpress.org. Alternativ kannst du auch die folgenden beiden Plugins verwenden, sie sind ebenfalls kostenlos:

Wir freuen uns über deinen Kommentar, falls du weitere Plugins und Werkzeuge für die Suchfunktion von WooCommerce kennst.

Du hast Fragen zu den einzelnen Punkten? Stelle diese gerne in den Kommentaren. Du willst über zukünftige Anleitungen zu WooCommerce informiert werden? Dann folge uns auf Twitter, Facebook oder über unseren Newsletter.

Newsletter abonnieren

Schaue unsere Datenschutzverordnung an
Michael Firnkes

Redakteur bei MarketPress. Blogger aus Leidenschaft, Corporate Blog & Content Marketing Trainer, Buchautor (u.a. "Blog Boosting"). Mit-Organisator des WP Camp Berlin.

Das könnte dich auch interessieren

Anleitung: Felder zur Produktseite hinzufügen #WooCommerce

Deine Kunden sollen zusätzliche Angaben zu einzelnen Produkten machen, oder du willst neben den Varianten von WooCommerce weitere Produktmerkmale untersch ...

Mehr erfahren

WooCommerce: Den Checkout optimieren

Das Team des WooCommerce Blog hat eine Anleitung veröffentlicht, wie sich der Kaufprozess in deinem Onlineshop optimieren lässt. Wir fassen die wichtigst ...

Mehr erfahren

Atomion 1.1.2: Update veröffentlicht

Mit Version 1.1.2 wird unser Gutenberg WooCommerce Theme Atomion noch besser und bietet neue interessante Optionen. Dieser Blogbeitrag mit Video-Tutorial ...

Mehr erfahren

Schreibe eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Du kannst folgende HTML Tags verwenden: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>