Springe zum Hauptinhalt

So fügen Sie die Ajax-Live-Suche zu einer WordPress-Website hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie wissen, wie Sie die Live-Ajax-Suche zu einer WordPress-Website hinzufügen?

Das Hinzufügen von Instant Search zu WordPress verbessert die Standardsuche einer Website und erleichtert es Ihren Besuchern, die gesuchten Seiten und Artikel zu finden.

In diesem Artikel zeigen wir Ihnen Schritt für Schritt, wie Sie Ajax Live Search zu Ihrer WordPress-Website hinzufügen.

Warum die Live-Ajax-Suche zu WordPress hinzufügen?

Die Ajax-Live-Suche, auch als Sofortsuche bekannt, verbessert die standardmäßige WordPress-Sucherfahrung, indem die in Suchmaschinen wie Google übliche Dropdown- und Autovervollständigungsfunktion hinzugefügt wird.

Hier ist ein Beispiel dafür in Aktion:

So fügen Sie die Ajax Live-Suche hinzu

Die Live-Suche errät während der Eingabe, wonach Benutzer suchen, und hilft ihnen, relevante Inhalte schneller zu finden. Dies ist eine enorme Verbesserung gegenüber der standardmäßigen WordPress-Suche.

Die Live-Suche hilft Benutzern, schnell zu finden, wonach sie suchen, und hilft ihnen, länger auf Ihrer Website zu bleiben Seitenaufrufe erhöhen und Absprungrate reduzieren.

Sehen wir uns jedoch an, wie Sie einfach die Ajax-Live-Suche zu Ihrem WordPress-Blog oder Ihrer WordPress-Website hinzufügen können.

Ajax Live Search zu WordPress mit einem WordPress-Plugin hinzufügen

Der einfachste Weg, um die Ajax-Live-Suche zu WordPress hinzuzufügen, ist die Verwendung des Plugins SucheWP. Es ist eines der besten WordPress-Such-Plugins auf dem Markt, das von über 30 Websites verwendet wird.

Dieses Plugin geht über die Indizierung von Artikelinhalten hinaus und indiziert alles auf Ihrer Website wie benutzerdefinierte Felder, PDF-Dokumente, Textdateien, WooCommerce-Produkte usw.

Für dieses Tutorial können Sie das kostenlose Plugin verwenden SearchWP Live Ajax-Suche, da es automatisch die Ajax-Live-Suche aktiviert.

Als erstes müssen Sie das Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung auf wie eine Wordpress-Plugin installieren.

Nach der Aktivierung enthält das standardmäßige WordPress-Suchformular jetzt automatisch die Live-Suchfunktion von Ajax.

Anzeigen von Ajax Live Search auf Ihrer WordPress-Site

Da jede aktive Suchleiste jetzt über eine Live-Suche verfügt, müssen Sie nur noch entscheiden, wo sie angezeigt werden soll.

Im Folgenden erfahren Sie, wie Sie die Live-Suchleiste an gängigen Orten auf Ihrer WordPress-Website hinzufügen.

Hinzufügen von Ajax Live Search zur WordPress-Sidebar

Einer der beliebtesten Bereiche zum Hinzufügen einer Suchleiste ist die WordPress-Seitenleiste. Es erleichtert Ihren Besuchern die Suche, egal wo sie sich auf Ihrer Website befinden.

Um das Such-Widget zu WordPress hinzuzufügen, gehen Sie einfach zu Aussehen »Widgets um den blockbasierten Widget-Editor aufzurufen.

So fügen Sie die Ajax Live-Suche hinzu

Jeder Widget-Bereich Ihres Wordpress-Theme wird eine separate Registerkarte im Blockeditor haben.

Auf unserer Testseite heißt unser Seitenleisten-Widget-Bereich " Haupt-Seitenleiste Ihr Name kann jedoch je nach Thema einen anderen Namen haben.

Klicken Sie einfach auf das '+'unter der Seitenleiste.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Geben Sie dann ein 'SuchWP' in der Suchleiste und klicken Sie auf das Symbol 'SucheWP Live-Suche'.

Dadurch wird automatisch das Live-Such-Widget von Ajax in Ihre Seitenleiste eingefügt.

So fügen Sie die Ajax Live-Suche hinzu

Sie können den Abschnitt anpassen Titel um die Kopfzeile des Suchfelds zu ändern. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche Aktualisierung um Ihre Änderungen zu speichern und die Suchleiste online zu stellen.

Jetzt kann Ihre Live-Suchleiste von allen Besuchern Ihrer Website verwendet werden.

Sie können den gleichen Vorgang ausführen, um die Live-Suchleiste zu jedem anderen Widget-Bereich auf Ihrer Website hinzuzufügen.

Hinzufügen von Ajax Live Search zu WordPress-Seiten

Sie können auch anderen Seiten Ihrer Website ein Ajax-Live-Suchfeld hinzufügen. Sie können beispielsweise eine Archivseite haben, die es Ihren Besuchern ermöglicht, Ihre Inhalte zu durchsuchen.

Dazu müssen Sie zu dem Beitrag oder der Seite navigieren, die Sie bearbeiten möchten. In diesem Beispiel zeigen wir Ihnen, wie Sie die Live-Suchleiste zu einer WordPress-Seite hinzufügen.

Gehen Sie zuerst zu Seiten »Alle Seiten, Klicken Sie dann auf die Seite, die Sie bearbeiten möchten.

Sobald die Seite geöffnet ist, klicken Sie auf das '+'auf dem Bildschirm des Seiteneditors.

Dies öffnet das Blockmenü.

Geben Sie als Nächstes "Suchen" in das Feld ein und klicken Sie dann auf das Symbol "Suchen", um es zu Ihrer Seite hinzuzufügen.

Es wird automatisch die Suchleiste für Sie platzieren.

Sie können auch den Suchtitel und den Platzhaltertext im Suchfeld anpassen.

Klicken Sie danach unbedingt auf " Aktualisierung In der oberen rechten Ecke Ihrer Seite.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Jetzt können Ihre Besucher die Live-Suchleiste auf Ihrer Website verwenden, um schnell zu finden, wonach sie suchen.

Sie können den gleichen Vorgang verwenden, um jedem Beitrag oder jeder Seite eine Suchleiste hinzuzufügen.

Anpassen der sofortigen WordPress-Suchergebnisse

SearchWP ist ein sehr vielseitiges Such-Plugin, das über Post-Inhalte hinausgeht und alles auf Ihrer Website indiziert, einschließlich benutzerdefinierter Felder, ACF-Felder, Textdateien, PDF-Dokumentinhalte, benutzerdefinierter Tabellen, benutzerdefinierter Taxonomien, WooCommerce-Produktattribute usw.

Die Pro-Version von SearchWP-Plugin ermöglicht es Ihnen, Ihre Suchergebnisse vollständig anzupassen, indem Sie Ihre eigene Relevanzskala erstellen und den Algorithmus anpassen, ohne Code zu schreiben.

Sie erhalten auch die Metrik-Funktion, mit der Sie sehen können, wonach Ihre Besucher suchen, und viele andere leistungsstarke Funktionen, um die Suchfunktion auf Ihrer Website weiter zu verbessern.

Lesen Sie auch: So schließen Sie Seiten aus den WordPress-Suchergebnissen aus

Entdecken Sie auch einige Premium-WordPress-Plugins supplémentaires 

Sie können andere Plugins verwenden, um Countdowns in Ihrem WordPress-Blog anzuzeigen. Im Folgenden schlage ich einige davon vor.

1. Demnächst CountDown

Kommt bald CountDown ist eines der beliebtesten Premium-WordPress-Countdown-Plugins auf der WordPress-Plattform. Es hat 2 Countdown-Vorlagen sowie 10 Arten von Hintergrundbildern, um sie schöner und attraktiver zu machen.

Demnächst Countdown-responsives WordPress-Plugin

Kommt bald Mit CountDown können Sie Ihre Arbeit auf Ihrer Website fortsetzen während Besucher sehen zeigte die Seite 'Coming Soon' an. Wenn Sie fertig sind, können Sie Ihre Website mit nur einem Knopfdruck wieder online stellen.

Wir laden Sie auch ein, unsere zu entdecken 10 WordPress Plugins zur Verbesserung der visuellen Darstellung Ihrer Website

Es ist auch möglich zu entscheiden, welche Benutzer können die Website abhängig von ihrem Status sehen oder nicht. Wenn nur ein Teil der Website auf der Seite "Coming Soon" eingereicht werden soll, können Sie auch festlegen, welche Seiten Ihren Besuchern zur Verfügung stehen und welche nicht.

Download | Demo Web-Hosting

2. WooCommerce Umsatz-Countdown

WooCommerce Sales Countdown ist ein fantastisches Premium-WordPress-Plugin, mit dem Verkaufskampagnen auf Ihrer E-Commerce-Website beworben werden können. 

Woocommerce Umsatz Countdown

Es richtet einen speziellen Countdown-Bereich mit dem angebotenen Produkt ein und teilt Ihren Kunden mit, wie viel Zeit noch bleibt, um das Produkt zu einem niedrigen Preis zu kaufen. Dieses Plugin bietet Ihnen auch die Möglichkeit, einen Countdown für die bevorstehende Bilanzperiode hinzuzufügen.

Download | Demo | Web-Hosting

3. Angebot CountDown Timer Pro

Mit dem WordPress Premium Plugin Timer Pro können Sie Countdowns für die Angebote erstellen, die Sie auf Ihrer Website anbieten. Dieses Plugin bietet praktische Funktionen zur intelligenten Anpassung an E-Commerce-Websites und wird mit Sicherheit das Beste aus Ihren Angeboten herausholen.

Angebot Countdown Timer Pro WordPress Plugin für Events Produkte bietet

Das Interessanteste daran ist die Tatsache, dass es sehr einfach einzurichten und zu verwenden ist. Sie können ganz einfach den Timer für die verschiedenen Angebote auf jeder Seite Ihrer Website einstellen, ein Widget erstellen, verschiedene Zeitzonen festlegen, die Ablaufzeit für die Angebote festlegen usw.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Hier sind unsere 6 WordPress-Plugins, um die RGPD-Konformität eines Blogs sicherzustellen

Mit diesem Premium-WordPress-Plugin können Sie auch das Aussehen Ihres Countdown-Timers anpassen.

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Fazit

Dort ! Das war's für dieses Tutorial. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine Live-Ajax-Suche zu Ihrer WordPress-Site hinzufügen. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Aber erzählen Sie uns in der Zwischenzeit von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.

...  

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

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

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben