Integrationen

So integrieren Sie intelligente Suche in Shopify

Integrieren Sie die Suche in Ihr Shopify-Theme für Seiten, die die gemeinsame Shopvorlage nutzen.

Benutzerhandbuch

Katalog und Code vorbereiten

Verbinden Sie den Produktfeed in Indexa und warten Sie auf den Katalogimport.
Geben Sie unter „Widget → Integration“ die Website-URL ein und kopieren Sie den universellen Code.

Öffnen Sie „Online Store → Themes“. Duplizieren Sie das Theme vor der Bearbeitung.
Wählen Sie „Edit code“ und öffnen Sie „Layout → theme.liquid“.
Fügen Sie den vollständigen Indexa-Code vor </head> ein.
Speichern Sie. Testen und veröffentlichen Sie die Kopie, wenn Sie eine Theme-Kopie bearbeitet haben.

Plattform-Dokumentation: Shopify-Theme-Code-Editor

Dies ist ein Vorlagenfragment. Behalten Sie bestehenden Code und Systemaufrufe bei; ersetzen Sie nicht die ganze Datei durch das Beispiel.

Fragment von Layout/theme.liquid

<head>
  <!-- Bestehender Theme-Code -->
  {{ content_for_header }}

  <script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>
</head>

Liquid / HTML

Plattform-Dokumentation: Geltungsbereich der gemeinsamen Vorlage

Prüfen Sie Seiten mit anderen Layouts gesondert.

Für Checkout gelten eigene Anpassungsregeln; dieses Beispiel deckt ihn nicht ab.

Öffnen Sie den Shop und nutzen Sie „Installation prüfen“ in Indexa. Wählen Sie Elemente für Computer und Smartphone und speichern Sie.

Suchen Sie ein Produkt, öffnen Sie seinen Link und schließen Sie das Widget. Wiederholen Sie dies auf Start-, Kategorie- und Produktseiten.

Prüfen Sie nach Theme-Wechseln oder Updates Code und ausgewählte Suchelemente.