So erstellen Sie eine automatische Vervollständigung für die Shopify-Suche

Schritte zum Erstellen eines E-Commerce-Suchfelds für die automatische Vervollständigung von Shopify

Methode 1 – Verwendung der Shopify-Such-App von Expertrec.

1. Installieren Sie hier die Shopify-Sucherweiterung von Expertrec.
2. Sobald Sie die Erweiterung installiert haben, werden Sie zu Ihrem Kontrollfeld weitergeleitet, wo Sie Ihre Suchmaschine aktivieren müssen, indem Sie die aktivierte Sucherweiterung aktivieren.

Methode 2 – Verwendung des Shopify-Suchleisten-Plugins von Expertrec

1. Melden Sie sich bei Ihrem Shopify-Shop an.
2. Gehen Sie zu https://www.expertrec.com/shopify/
3. Geben Sie die URL Ihres Shopify-Shops ein.
4. Klicken Sie auf Installieren.
5. Klicken Sie auf „Nicht gelistete App installieren“.
6. Überprüfen Sie jetzt Ihre Shopify-Shopsuche.
7. Die Autovervollständigungsleiste von Shopify sieht ähnlich aus wie im Bild unten.
8. Die Shopify-Suchergebnisseite sieht folgendermaßen aus.
9. Diese Methode fügt Ihrem Shopify-Shop auch eine Sprachsuche hinzu.

Methode 3 – Durch Optimierung des Codes

Die Online-Shop-Suchfunktion in Shopify ist ein leistungsstarkes und voll funktionsfähiges Tool, mit dem Käufer die erforderlichen Suchen nach bestimmten Produkten, Seiten und Artikeln eines Shops durchführen können. Noch wichtiger: Wenn Ihre Kunden oder Kunden ihre Suche optimieren möchten oder wenn Sie ein Geschäftsinhaber mit einem Shopify-Shop sind und die Suchoption verbessern möchten, damit Ihre Käufer die gewünschten und spezifischen Ergebnisse sehen können, dann ist dieser Artikel genau das Richtige für Sie ist alles, was du brauchst. Grundsätzlich und explizit werden die Prozesse oder Möglichkeiten zum Erstellen einer automatischen Vervollständigung der Shopify-Suche hervorgehoben.

Einzelpersonen und Unternehmen, die ihre Geschäftsanstrengungen auf die nächste Stufe heben möchten, finden im Idealfall Möglichkeiten, die automatische Vervollständigung in ihren Suchleisten einzurichten, was zweifellos eine magische Wirkung hat. Auch wenn einige mit der richtigen Herangehensweise durchaus vertraut sind, ist es bedauerlich, dass die große Vielfalt der vermeintlich verfügbaren Optionen einem Laien nicht viel bringt. Vielleicht fehlen einige Dinge. Glücklicherweise muss eine automatische Vervollständigung für das Suchfeld auf Shopify funktionieren, solange sie für das Shopify-Dokument angepasst ist.

Darüber hinaus ist es ebenso wichtig für Menschen, deren Kunden über einen großen Produktbestand oder eine große Vielfalt an nichtproduktbezogenen Inhalten verfügen. Grundsätzlich könnte Ihr Kunde eine differenziertere Suchmethode benötigen, da seine Geschäfte immer komplexer werden. Dadurch können sie bestimmte Ergebnisse herausfiltern oder Produkten den Vorrang vor den regulären Seiten geben, die sie zuvor besucht haben. Zu den wenigen Unternehmen, die diese großartige Funktion nutzen, gehört Expertrec. Die benutzerdefinierte Suchmaschine von Expertrec ist eine zuverlässige Plattform, die bei der Erstellung einer automatischen Vervollständigung der Shopify-Suche hilft.

Sie bieten einen einfachen Ansatz, bei dem eine Einzelperson oder ein Unternehmen alle damit verbundenen Möglichkeiten offenlegen kann. Einige der Funktionen von Expertrec sind: superschnell, keine Werbung, PDF, Bildsuche, schnelle Einrichtung usw. Mit einem Startpreis von 9 $/Monat und anderen Add-ons ist Expertrec ein beeindruckendes Suchtool, das Sie für Ihre Website benötigen.

Um eine automatische Vervollständigung der Shopify-Suche zu erstellen, gibt es einen DIY-Ansatz, der sehr zu empfehlen ist. Mit anderen Worten: Die automatische Vervollständigung von Suchfeldern in Ihrem Shopify-Shop können Sie selbst durchführen. Es ist einfach durchzuführen und zweifellos eine großartige Funktion.

Von Ihrem Shopify-Shop aus müssen Sie nur zu Ihrem Admin gehen und dann zu

Online-Shop > Themen > Aktionen > Code bearbeiten.

Beispielsweise gibt es ein Konzept zur Implementierung einer Autovervollständigungssuche mit jQuery und der jQuery-UI-Bibliothek. Dies nutzt die Shopify-Suche, Liquid und JavaScript/jQuery und wird von Expertrec übernommen. Unabhängig davon, welchen Ansatz Sie wählen, ist ein mäßiges Verständnis von jQuery und Liquid von entscheidender Bedeutung.

Das Plugin für die automatische Vervollständigung der jQuery-Benutzeroberfläche benötigt eine Datenquelle, und es ist eher unmöglich, so viele Daten in jede Seite zu laden, obwohl es möglich ist, alle Produkte in einem riesigen JSON-Objekt in der Seitenquelle abzulegen. Hier kommt die Shopify-Storefront ins Spiel, da Shopify Apache verwendet, um seine Suche zu ermöglichen. Das heißt, Ihre Produkte, Blog-Beiträge und indizierten Artikel sind bereits darin enthalten.

DIE FLÜSSIGKEIT

Shopify verfügt über eine weitere coole Funktion, mit der Sie die URL anzeigen und anschließend zu einer speziellen Liquid-Vorlage weiterleiten können, die dieser Ansicht entspricht. Dies wird als „die Flüssigkeit“ bezeichnet. Hier müssen Sie möglicherweise eine Vorlage erstellen, die eine Datei mit dem Namen search.json.liquid enthält.

Nun ist es wahr, dass Ihre Besucher Erwartungen haben, wenn sie in das Suchfeld Ihres Schaufensters tippen. Und wenn Sie diese Dinge ignorieren, kann dies negative Auswirkungen auf Ihr Unternehmen haben. Daher ist die Möglichkeit, Ihre Besucher mit einem einzigen Klick zu einer beliebigen Produktseite zu leiten, von entscheidender Bedeutung. Auch hier könnte für einige die Erstellung einer alternativen Suchvorlage ausreichen.

Schritte:

1. So erstellen Sie eine neue Vorlage für die Suchseite: search.json.liquid Klicken Sie hier im Vorlagenverzeichnis auf den Link „Neue Vorlage hinzufügen“ und wählen Sie den gewünschten Optionstyp für Ihre neue Vorlage aus. Im Falle einer alternativen Suchvorlage klicken Sie auf „Suchen“ und nennen Sie sie „JSON“.
2. Klicken Sie auf „Vorlage erstellen“, um den Code-Editor aufzurufen, während die Datei mit dem Standardcode gefüllt wird.
3. Erstellen Sie eine search-autocomplete.liquid-Datei. Diese finden Sie im Snippets-Verzeichnis. Im Popup sehen Sie etwa „Geben Sie Ihrem Snippet den Namen search -autocomplete“. Klicken Sie auf Snippet erstellen.
4. Bearbeiten Sie nun die Datei theme.liquid. Suchen Sie die Datei „theme.liquid“ im Ordner „Layouts“. Klicken Sie darauf, um es im Online-Code-Editor zu öffnen. Scrollen Sie nach unten und Sie sehen das schließende Tag.

Ebenso kann dieses Konzept in Ihre E-Commerce-Produktsuche eingeführt werden, um ein unglaubliches Benutzererlebnis zu erzielen, und Shopify Search Autocomplete ist eine großartige Möglichkeit, dieses Kunststück zu erreichen und zu verbessern. So funktioniert es: Implementieren Sie Autocomplete. Unmittelbar danach kann der Benutzer ein empfohlenes Produkt aus dem Suchfeld auswählen und wird zur Zielseite des Produkts weitergeleitet.

Darüber hinaus gibt es einige einfache Tipps, mit denen Sie Ihre Produktsuche auf Shopify verbessern können.

1. Sorgen Sie dafür, dass Ihr Suchfeld leicht zu erkennen ist: Jeder, der zuvor an einem benutzerdefinierten Shopify-App-Entwicklungsprojekt gearbeitet hat, weiß, wie wichtig die Produktsuche ist. Eine der besten Möglichkeiten, dies zu erreichen, besteht darin, das Suchfeld für jeden, der es verwenden möchte, leicht erkennbar zu machen, und dies dient der Verbesserung der Benutzeroberfläche. Da es üblich und sinnvoll ist, zunächst nach dem Suchfeld zu suchen, ist es daher wichtig, dass Sie als Besitzer eines Online-Shops bei der Implementierung der Shopify-Sucheinstellungen großen Wert auf Ihr Suchfeld legen.
2. Nutzen Sie den Metafeld-Editor. Dies ist eine der gebräuchlichsten und effektivsten Methoden zur Verbesserung der visuellen Shopify-Suche für Ihren Shop. Es ist kostenlos und ermöglicht das Hinzufügen von Metafeldern, die sich auf ein bestimmtes Produkt beziehen, um die Suche zu verbessern.
3. Die Schnellsuche muss implementiert sein. Zeit, sagt man, ist Geld. Dies gilt auch für die Produktsuche, bei der die Produktdetails in Sekundenbruchteilen abgerufen werden müssen. Stellen Sie sich vor, dass das Abrufen der Details in Ihrem Suchfeld viel Zeit in Anspruch nimmt. Das kann sehr frustrierend sein und folglich zu einer schrecklichen Benutzererfahrung führen. Stellen Sie daher sicher, dass Ihre Suchfunktion über eine hohe Geschwindigkeit verfügt. In diesem Fall ist eine hervorragende Cloud-basierte Hosting-Lösung keine schlechte Idee.
4. Und Autovervollständigung? Seit der Einführung durch Google sind Nutzer in letzter Zeit zu großen Fans des Konzepts der Autosuggestion und Autocomplete geworden. Wie der Name schon sagt, erhalten Sie dank dieser Funktion sofort, nachdem Sie mit der Eingabe in das Google-Suchfeld begonnen haben, verwandte Suchanfragen. Das bedeutet, dass Sie nicht alle Fragen vollständig abtippen müssen, um das gewünschte Ergebnis zu erhalten.

Holen Sie sich die ExpertRec Shopify-App

Schließlich ist die benutzerdefinierte Suche von Expertrec eine großartige Plattform zum Erstellen der automatischen Vervollständigung der Shopify-Suche. Einfach einzurichten, schnell, effizient, erschwinglich und sorgt für den gewünschten Suchverkehr. Hier können Sie die automatische Vervollständigung Ihrer Shopify-Suche mit Expertrec erstellen.