Search

Omnisearch #

Ein einzelnes Vollbildfenster, das Ihren Besuchern die Ergebnisse liefert, die am wahrscheinlichsten konvertieren. Weitere Informationen finden Sie im Haupt- Omnisearch-Leitfaden.

Für Single Page Applications (SPAs) muss eine zusätzliche Funktion aktiviert werden, um Omnisearch zu integrieren. Die Funktion, SPA Auto Detect Changes, kann aktiviert werden, indem Sie zu my.clerk.io > Einstellungen > Funktionen navigieren.

Sofortsuche & Suchseite #

Die Suchfunktion von Clerk.io besteht aus zwei Teilen:

• Das Live-Search-Dropdown, das angezeigt wird, wenn ein Kunde zu tippen beginnt.

• Die Suchseite, die alle passenden Produkte auf einer Vollseite anzeigt.

Beginnen Sie im Hauptmenü, indem Sie auf Erste Schritte klicken:

1. Erstellen Sie Standarddesigns und Inhalte #

Das erste, was Sie tun müssen, ist, Standarddesigns und Inhalte zu erstellen.

Sie können den Einrichtungsleitfaden mit dem Titel SUCHEN unter der Option Erste Schritte verwenden, um schnell Designs und Inhalte zu erstellen, die das gleiche Farbschema und den gleichen Stil wie Ihr Webshop haben.

1. Beginnen Sie mit der Erstellung eines Designs und Inhalts für die Live-Suche :

Klicken Sie auf Veröffentlichen, wenn Sie mit dem Styling zufrieden sind.

2. Und erstellen Sie dann ein Design und Inhalt für die Suchseite:

Klicken Sie auf Veröffentlichen, wenn Sie mit dem Styling zufrieden sind.

Sie können Ihre Designs und Inhalte später unter Designs und Inhalte im linken Menü leicht ändern.

Design ändern

Inhalt ändern

2 Konfiguration VTEX Suche (Live-Suche & Suchseite) #

1. Fügen Sie in Ihrem Store-Theme clerkiopartnerdk.integration-vtex 1.x als Peer-Abhängigkeit im manifest.json-Datei hinzu:

"peerDependencies": {
    "clerkiopartnerdk.integration-vtex": "1.x"
}

2. Fügen Sie den Block clerkio_searchpage in die dedizierte Landing-Search-Seite ein.

{
  "responsive-layout.desktop#searchpage": {
    "children": ["clerkio_searchpage"]
  }
}

Die App erstellt auch eine dedizierte Suchseitenroute unter /clerk-search?searchTerm=__QUERY__. Diese Route hat bereits den Block clerkio_searchpage im Body hinzugefügt.

Die App erstellt auch ein Komponenten-Suchfeld für die Verwendung in Ihrem Header: clerkio_searchinput. Standardmäßig führt dieses Eingabefeld Sie zur dedizierten Seitenroute, die von der App erstellt wurde.

Nachdem Sie die Funktionen aktiviert haben, werden Sie in der Lage sein, die SUCH-Funktion von Clerk.io in Ihrem Webshop zu sehen.