Shopify ist eine großartige E-Commerce-Plattform. Aber leider entspricht die Standardsuchleiste nicht den Anforderungen des schnelllebigen Internetzeitalters. Wenn Sie also das Suchfeld in Shopify genau nach Ihren Wünschen anpassen möchten, sind Sie hier richtig. Es liegt auf der Hand, dass Sie selbst bei nur wenigen geringfügigen Änderungen mit der Shopify-Flüssigkeit herumspielen müssen, um das gewünschte Ergebnis zu erzielen. Möglicherweise müssen Sie einen professionellen Shopify-Entwickler engagieren, um Ihre Version der Benutzeroberfläche zu erstellen. Und das ist genau das Richtige. Schließlich möchten wir alle unseren Online-Shop-Besuchern das beste UI und UX bieten.
Das Problem ist jedoch, dass nicht jeder weiß, wie man es weiß, und auch nicht die Zeit hat, damit herumzuspielen. Wenn Sie auf der Suche nach einer schnellen Lösung sind, kann die intelligente Suchleiste von Expertrec eine hervorragende Lösung sein. Wenn Sie jedoch nicht damit rechnen, viele Tage auf das gewünschte Ergebnis zu warten, werden Sie die intelligente Suchleiste von Expertrec lieben. Das Beste daran ist, dass es in weniger als 5 Minuten installiert ist, ohne dass eine Codierung erforderlich ist. Und was gibt es Schöneres als das? Rechts? So passen Sie eine vollständige Suchleiste an, indem Sie einfach mit der Benutzeroberfläche und den Anpassungseinstellungen herumspielen. Hier finden Sie alles, was Sie zum Anpassen des Suchfelds in Shopify wissen müssen.
Installieren Sie die Expertrec Smart Search Bar
Die Entwicklung der Benutzeroberfläche des Suchfelds war wirklich bemerkenswert. Am Anfang war es nur das Textfeld der Website – die zunächst erstellte Optik war nicht so ansprechend. Außerdem war es für die Benutzer aufgrund der Ineffizienz nicht einfach, das gewünschte Ergebnis zu erzielen. Doch mit dem Aufkommen der Google-Suchmaschine änderte sich alles. Befolgen Sie also diese Schritte, um eine Suchleiste für Ihren Shopify-Shop zu installieren.
1. Klicken Sie auf die intelligente Suchleiste von Expertrec oder geben Sie sie im Shopify-App-Store ein, da sie dort bereits aufgeführt ist.
2. Klicken Sie nun auf App hinzufügen -> App installieren -> Kostenlose Testversion starten.
3. Öffnen Sie Ihren Shop und Sie sehen oben in Ihrem Shop die intelligente Suchleiste von Expertrec.
Stellen Sie sicher, dass jeder die Suchleiste in der hübschen ersten Ansicht sehen kann.
Intelligente Suchleiste – Bearbeiten Sie die Suchoberfläche und passen Sie die Ergebnisse an
Mit der intelligenten Suchleiste von Expertrec für Shopify können Sie Ihr Sucherlebnis in einem Browser ganz einfach anpassen. Im Gegensatz zur standardmäßigen Shopify-Suchleiste ist die intelligente Suchleiste von Expertrec in Bezug auf Suchdarstellung, automatische Vervollständigung, automatische Vorschläge, Suchanalyse, Sofortsuche usw. weitaus besser als diese. Die individuelle Gestaltung des Erscheinungsbilds ist einfach. Durch Hinzufügen des Such-API-Schlüssels können Sie die Suchleiste genau nach Ihren Wünschen anpassen.
Durch die Bereitstellung von Suchvorschlägen, die Begradigung der eingegebenen URL, das Angebot zur Durchführung regelmäßiger Vorgänge und die Verbesserung Ihres gesamten Sucherlebnisses optimiert die Expertrec-Sucherweiterung die On-Site-Suche für Ihren Online-Shop. Sie können mehr über die Expertrec Smart Search Bar erfahren, indem Sie das Dashboard besuchen und verschiedene Optionen ausprobieren.
Es ist durchaus bekannt, dass die On-Site-Suchleiste einem Vermittler zwischen dem Website-Besucher und der Website ähnelt. Die Benutzer drücken ihre Informationen aus, indem sie die Suchanfrage eingeben, woraufhin die Website mit der Anzeige einer Reihe relevanter Ergebnisse antwortet. Optional kann der Benutzer die Aufzeichnung seiner Suchpräferenzen verwenden, um mithilfe geeigneter Facetten und Filter hervorragende Vorschläge für individuelle Antwortschlüsselwörter zu erhalten.
Mit dem Shopify-Shop mit der intelligenten Suchleiste von Expertrec können Sie und die Website produktiver miteinander kommunizieren. Mithilfe dieses Feedbacks wird die intelligente Suchleiste von Expertrec von Tag zu Tag besser. Die richtigen Tools auf Ihrer Website zu installieren, ist der erste Schritt zu Ihrem nächsten großen Erfolg. Lassen Sie uns dazu lernen, wie Sie die intelligente Suche von Expertrec anpassen, ohne auch nur eine einzige Codezeile zu schreiben. Mal sehen, wie es funktioniert:
- Mit der intelligenten Suchleiste von Expertrec können Sie fast alle Einschränkungen der Standard-Shopify-Site-Suche überwinden. Sie können auswählen, ob Sie eine abgerundete oder eine eckige Ecke Ihres Suchfelds wünschen.
- Um auf alle Einstellungen dieser benutzerdefinierten Suchleiste zuzugreifen, melden Sie sich beim Expertrec-Dashboard an. Hier erhalten Sie ein Menü mit dem Namen „UI-Anpassung“, das sich mit der Korrektur der Suchleiste auf eine Weise befasst, die sich in Ihre vorhandene Benutzeroberfläche integriert. Sobald Sie auf den Abwärtspfeil zum Ziehen klicken, erhalten Sie eine Option für „Look and Feel“, mit der Sie das Aussehen Ihres Suchfelds buchstäblich ändern und den Benutzern das Gefühl vermitteln können.
- Hier erhalten Sie alle Möglichkeiten, Änderungen vorzunehmen, wie z. B. die Farbe des Feldes und den Text. Sie können auch auf den Abschnitt „Erweitert“ tippen, um weitere Optionen zu erkunden. Es wird oft empfohlen, dass Sie immer daran arbeiten, ein Suchfeld zu erstellen, das für den Benutzer immer dann hervorgehoben wird, wenn einer von ihnen auf Ihrer Website landet.
- Aktualisieren Sie abschließend den Abschnitt und veröffentlichen Sie Ihre Website mit einer außergewöhnlichen Shopify Site Search, die alles und jeden durchsucht.
- Um außerdem den Shopify-Filter und die Sortiersuche hinzuzufügen, klicken Sie auf das Menü „Erweitert“, das sich direkt unter dem Menü „Benutzeroberflächenanpassung“ befindet. Jetzt gibt es im untersten Abschnitt die Option „Ergebnisse sortieren“. Klick es an. Der wichtigste Schritt besteht nun darin, die Option „Sortieren nach“ zu aktivieren.
- Hier können Sie mehrere Filter hinzufügen und diese umbenennen, indem Sie auf den Anzeigenamen klicken. Sie können je nach Ihren Produkten und Ihrer Zielgruppe beliebig viele Filter hinzufügen. Ordnen Sie die Ergebnisse entweder im aufsteigenden oder absteigenden Format an. Der Schlüssel besteht darin, die Änderung jedes Mal zu aktualisieren, wenn Sie eine Änderung vornehmen, um Änderungen zu sehen. Das Beste daran ist, dass Sie nicht jedes Mal zum Editor gehen und Ihre Website veröffentlichen müssen, wenn Sie eine neue Änderung vornehmen. Die Shopify-Filtersuche von Expertrec ist so konzipiert, dass Sie lediglich Ihre Website aktualisieren und Zeuge dieser Änderungen werden müssen. Klicken Sie auf „+“, um weitere Optionen hinzuzufügen. Stellen Sie sicher, dass Sie alle aktualisieren. Aktualisieren Sie Ihre Website, um die Shopify-Filtersuche zu erleben!
Jetzt haben Sie die Option zum Suchen und Sortieren von Shopify-Filtern und können diese nach Relevanz, Preis und Titel sortieren. Wenn Sie über den Filterprozess sprechen, erhalten Sie als Ergebnis eine Kategorie in Form eines Typabschnitts. Wenn Sie beispielsweise ein Produkt auf meiner Website eingeben, werden Ihnen zwei Kategorien angezeigt: Produktseite und Blogbeitrag. Sie können das Ergebnis filtern, das Sie anzeigen möchten.
Fügen Sie Ihrem Shopify-Shop eine tolle Suche hinzu
Best Practices für die Website-Suche
Ein Suchfeld ist eine einfache Kombination aus einem Eingabefeld und einer Schaltfläche zum Senden. Sie denken vielleicht, dass das alles ist, was ein Suchfeld haben sollte. Aber die Sache ist, dass es gut gestaltet sein sollte. Da das Suchfeld eines der am häufigsten verwendeten Designelemente auf inhaltsintensiven Websites ist, ist seine Benutzerfreundlichkeit äußerst wichtig.
Platzieren Sie Ihre Suchleiste gut sichtbar
Das Wichtigste, was Sie wissen sollten, bevor Sie das Design eines Suchfelds festlegen, ist, dass es leicht erkennbar sein sollte. Schließlich möchten Sie nicht, dass Ihre Besucher zuerst nach dem Suchfeld suchen. Es sollte gut sichtbar angezeigt werden, da dies eine der schnellsten Möglichkeiten ist, mit der ein Benutzer durch einfaches Eingeben des Namens zum gewünschten Produkt gelangen kann.
Manchmal sieht es gut aus, eine Suchleiste hinter einem Symbol für das entsprechende Thema zu haben. Es gibt jedoch viele negative Konsequenzen. Das erste ist, dass die Suchfunktion dadurch weniger auffällig wird. Wenn es ohne ein offenes Textfeld verwendet wird, nimmt das Symbol außerdem weniger Platz ein. Optisch ist es weniger auffällig und fällt daher kaum auf. Die zweite Sache sind die Kosten der Interaktion. Das bedeutet, dass der Benutzer einige zusätzliche Maßnahmen ergreifen muss, um das Suchfeld zu erhalten.
Begleiten Sie das Suchfeld mit einem Lupensymbol
Nun, wenn wir Symbole definieren, handelt es sich im Allgemeinen um eine visuelle Darstellung eines Objekts, einer Idee oder einer Aktion. Es gibt mehrere Symbole, die bei Benutzern überwiegend allgemein bekannt sind. Sie können es sich so vorstellen, als würden Sie einige Emojis verwenden, um sofort zu zeigen, was Sie fühlen. Wir verstehen vielleicht alle die anderen Sprachen nicht, aber Emojis sind ziemlich offensichtlich und leicht zu verstehen. Ebenso wird das Lupensymbol für die Suche auch ohne Text oder Beschriftung verwendet. Es ist besser, die einfachste Version der Lupe zu verwenden, da weniger grafische Details die Erkennung beschleunigen.
Platzieren Sie das Suchfeld an der erwarteten Position
Sie können beliebte Websites besuchen, um eine Vorstellung davon zu bekommen, wo sie ihre Suchleiste platzieren. Einige von ihnen platzieren es oben in der Mitte, andere ziehen es vielleicht vor, es oben rechts oder oben links auf der Seite zu platzieren. Um die richtige Position für Ihre Suchleiste zu finden, können Sie sich an verschiedenen Studien und Umfragen orientieren. A. Dawn Shaikh und Keisi Lenz haben ein Diagramm erstellt, das die erwartete Position des On-Site-Suchformulars gemäß der von ihnen durchgeführten Umfrage mit 142 Teilnehmern zeigt. Es wurde herausgefunden, dass der bequemste Ort für Nutzer oben rechts oder oben links auf jeder Seite Ihrer Website ist, wo Nutzer sie leicht finden können.
Verwenden Sie Platzhaltertext, um Hinweise zu geben
Der Platzhaltertext wird oft unterschätzt. Im Gegenteil ist es eine sehr gute Idee, eine Beispielsuchanfrage in das Eingabefeld einzufügen, um den Benutzern vorzuschlagen, welche Suchanfragen verwendet werden können. Wenn der Benutzer nach mehreren Kriterien suchen kann, verwenden Sie den Eingabehinweis, um dies zu erklären. Sie sollten jedoch darauf achten, dass sich der Hinweis nur auf wenige Wörter beschränkt, da dies sonst einer unnötigen Erhöhung der kognitiven Belastung der Benutzer gleichkommt. Sie können den Platzhaltertext auch als Call-to-Action-Button verwenden, um Ihre Kunden über die Trendprodukte oder die exklusiven Artikel in Ihrem Shop zu informieren.
Es gibt einige Fälle, die zeigen, dass Platzhaltertext ein Problem mit der Barrierefreiheit darstellen kann, da Platzhaltertext, der so gestaltet ist, dass er eine hellere Farbe als normaler Text hat, zu einem Kontrastproblem führt. Der Platzhaltertext wird von unterstützenden Technologien nicht umfassend unterstützt, was es für diese Benutzer schwieriger macht, Formulare korrekt auszufüllen.
Sie können die Entscheidung entsprechend treffen.
Holen Sie sich eine Sprachsuchfunktion für Ihren Shop.
Sprachsuchtools wie Siri und Alexa haben sich in den letzten Jahren zu Branchenbrechern entwickelt. Diese Tools haben es einfacher denn je gemacht, das Potenzial der Sprachsuche für ansprechende Inhalte zu nutzen. Wir sind jedoch an einem Punkt angelangt, an dem sie in der Mainstream-Konversation fast allgegenwärtig sind.
Was können wir tun, um die Benutzer einzubeziehen, die es gewohnt sind, ihre eigene Suche zu diktieren, anstatt sich auf die Wörter um sie herum einzulassen? Die offensichtliche Antwort ist, dass Sie Ihr Geschäft durch die Verwendung der Expertrec-Sprachsuchfunktion von der Masse abheben können. Da die Sprachsuche von Expertrec direkt in die Plattform integriert ist, müssen Sie keine zusätzliche Arbeit leisten, um sie nutzen zu können.
