Live-Suche auf meiner Webseite einbinden

Mit einem der letzten Updates hat affiliate-toolkit eine Live-Suche bekommen. Mit dieser Suche kannst du deinem Besucher direkt Suchergebnisse aus jeder API präsentieren. Produkte müssen dafür nicht extra importiert werden. Wie du das auf deiner Seite einbaust, erfährst du in diesem kleinen Tutorial.

Die Live-Suche splittet sich in zwei Teile auf:

  • Das Suchformular welches die Felder für den Filter beinhaltet (derzeit wird nur das Feld “Suchbegriff”) unterstützt.
  • Die Live-Suche welche die Ergebnisse direkt von der API lädt.

Die beiden Teile werden mit Shortcodes abgebildet wobei diese unabhängig auf der Seite angezeigt werden können.

Suchformular einbetten

Für das Suchformular greifen wir auf die bereits existierenden Funktionen für die interne Produktsuche zurück.

Shortcode nutzen

In Beiträgen bzw. Seiten ist es der “atkp_searchform” Shortcode.

Template ist im diesem Fall eine Standard-Vorlage mit Suchfeld und Suchbutton und sieht so aus:

Bei Targetpage gibst du die ID der Zielseite ein (wo der Live-Shortcode platziert ist). In den meisten Fällen ist es die ID der gleichen Seite.

Widget nutzen

Wenn du die Suche direkt aus dem Widget heraus beginnen möchtest, gibt es dort das entsprechende Widget. Hier haben wir aber noch eine Standardvorlage bereitgestellt. Du müsstest dir also selbst eine bauen.

Zielseite entspricht auch hier der Seite wo die Live-Suche als Shortcode eingebunden ist.

Live-Suche einbetten

Für die eigentliche Suche benötigst du den Shortcode für die Livesuche. Ohne diesen wird kein Suchergebnis geladen. Die Livesuche lädt übrigens keinen Preisvergleich.

Template ist die Vorlage für die Live-Suche selbst. Hier gibt es z.b. “simple_live” welche keine Shopüberschriften anzeigt und “default_live” welches Überschriften der einzelnen Shops anzeigt und auch Texte wenn z.b. nichts gefunden wurde. Diese Vorlagen können angepasst werden, indem man sie aus dem Vorlagen-Ordner vom Plugin kopiert.

livetemplate stellt das Suchergebnis selbst dar. Hier kannst du die regulären Vorlagen nutzen, welche du bereits für andere Produkte kennst.

Hinweis: Die Live-Seite muss veröffentlicht sein, damit die Suchergebnisse angezeigt werden können.

Auf bestimmte Shops einschränken

Mit dem Shortcode aus dem Beispiel oben werden alle Shops durchsucht. Möchtest du das einschränken kannst du den einen weiteren Parameter mitgeben.

In diesem Fall wird nur in den Shops mit der ID 1,2 und 3 gesucht. Die Shop-ID findest du raus indem du den Shop anklickst und oben im Browser die ID siehst (wie oben bei der Zielseite).

Suchergebnisse einschränken

Möchtest du auch noch die Anzahl der Suchergebnisse pro Shop einschränken. Z.b. das von jedem Shop nur 3 Ergebnisse gezeigt werden, kannst du ein Limit mitgeben:

Shortcodes-Beispiel

 

Extra: Suchergebnisse umleiten

Manchmal möchte man den Besucher wenn er auf der WordPress-Standard-Suche ist und kein Ergebnis findet direkt auf die Live-Suche umleiten. Evtl. bekommt man dadurch ja noch einen Sale zustande. Hier kann man in affiliate-toolkit unter Erweiterte Einstellungen die Suchergebnisseite entweder Immer oder nur bei keinem Suchergebnis auf eine beliebige Seite umleiten lassen.

 

 

Du hast noch Fragen? Kein Problem :-)
Wir beantworten deine Fragen gerne in unserem Forum.