Zum Hauptinhalt springen
Die Kameleoon x Shopify Plus-Integration ermöglicht es Kameleoon-Benutzern, ihre A/B-Testing- und Personalisierungstools mit ihren Shopify Plus-Shops zu verbinden. Diese leistungsstarke Kombination verbessert datengesteuerte Entscheidungen und optimiert das Kundenerlebnis. Wichtige Vorteile:
  • Speisen Sie automatisch Daten aus Ihrem Shop auf Shopify Plus in Kameleoon ein.
  • Nutzen Sie ganz einfach Kundendaten (z. B. Besuche, Conversions, Einkaufsverhalten) aus Shopify, um schnell A/B-Tests und Personalisierungen in Kameleoon zu erstellen.
  • Verfolgen Sie E-Commerce-Ereignisse in Echtzeit. Erhalten Sie Benachrichtigungen über wichtige transaktionale Aktivitäten, wie z. B. Warenkorbabbrüche von treuen Kunden mit hohen AOVs.
  • Bieten Sie bestimmten Kunden personalisierte Produktempfehlungen und Inhalte. Reduzieren Sie Warenkorbabbrüche mit Exit-Intent-Popups, Preisreduzierungs-E-Mails und mehr.
In diesem Artikel geben wir Schritt-für-Schritt-Anweisungen, wie Sie Kameleoon mit Ihrem Shopify Plus-Shop integrieren.
Diese Richtlinien gelten ausschließlich für Benutzer, die sowohl ein Shopify Plus- als auch ein Kameleoon-Konto haben.

​
Anwendungsbeispiele

  • Warenkorbabbruch verhindern: Mit Event-Tracking erfahren Sie, wenn ein Kunde mit einem hohen AOV einen Warenkorb abbricht, und ergreifen Maßnahmen mit Pop-ins, automatischen Rabatten und anderen Personalisierungen. Helfen Sie Ihren Kunden, ihre Käufe abzuschließen.
  • Checkout maximieren: Kameleoon AI misst automatisch die Kaufabsicht jedes Käufers in Echtzeit. Lösen Sie die richtigen Aktionen aus, um Besucher mit dem Kameleoon Conversion Score (KCS) in Käufer zu verwandeln. Sie benötigen das Contextual Bandit- und AI Targeting-Add-on, um KCS zu aktivieren.
  • Personalisieren Sie Customer Journeys: Liefern Sie relevante Produkte, Botschaften und Inhalte in Echtzeit an jeden Kunden über alle Ihre Kanäle hinweg, von der Ankunft bis zum Checkout, um sie engagiert und Ihrer Marke treu zu halten.

​
Voraussetzungen

Zunächst müssen Sie ein Projekt in Ihrem Kameleoon-Konto haben, das Ihrem Shopify-Shop gewidmet ist. Wenn Sie kein Projekt haben, können Sie eines erstellen, indem Sie den Richtlinien in diesem Artikel folgen. Wir empfehlen die Implementierung des asynchronen Snippets von Kameleoon mit Anti-Flicker. Die Einrichtung sollte wie das Bild unten aussehen.

​
Installation über die Shopify-App

  1. Installieren Sie die Kameleoon-App (verfügbar im Shopify App Store).
  2. Klicken Sie auf Install.
  1. Geben Sie Ihren Sitecode ein und klicken Sie auf Save.
  2. Sobald gespeichert, navigieren Sie zu Ihrem Theme, wo Sie die Erweiterung „Kameleoon Snippet” finden.
  3. Aktivieren Sie die Erweiterung Kameleoon Snippet, um das Kameleoon-Snippet in Ihrem Theme zu installieren.
  4. Klicken Sie auf Save.

​
Event-Tracking

Das Kameleoon-Skript wird dann automatisch in alle Seiten Ihres Shops eingefügt. Kameleoon übernimmt außerdem automatisch das Tracking der wichtigsten E-Commerce-Ereignisse in Ihrem Shop, einschließlich Transaktionen, Produktansichten, Kollektionsansichten, Zugriff auf die Warenkorbseite und Transaktionen. Sobald die App in Ihrem Shopify-Shop aktiviert ist, sendet unsere API Ereignisse an Kameleoon, wann immer Ihre Besucher ein Produkt, eine bestimmte Produktkollektion ansehen, ein Produkt zum Warenkorb hinzufügen oder einen Kauf tätigen. Sie ermöglicht es Ihnen, Statistiken zu einem bestimmten Produkt zu erhalten (z. B. wie oft es in der letzten Stunde oder am Tag gekauft oder angesehen wurde) oder Zielgruppengruppen zu erstellen, die Sie dann in unserem Segment Builder verwenden können. Sie wird auch verwendet, um eine Reihe automatischer Produktempfehlungen mithilfe der Machine-Learning-Produktalgorithmen von Kameleoon zu erhalten.

​
Installation eines Web Pixels zur Verfolgung der Checkout-Seite

Wenn Sie die Feature-Suite der Checkout-Erweiterbarkeitsplattform von Shopify verwenden, müssen Sie ein Web Pixel erstellen, mit dem Sie Shopify-Ereignisse verfolgen und die entsprechenden Daten an Kameleoon senden können. Die Kameleoon-App ermöglicht es Ihnen, das Web Pixel zur Verfolgung des Checkout completed-Ereignisses zu installieren. Wenn Sie weitere Ereignisse verfolgen möchten, können Sie Ihr eigenes benutzerdefiniertes Web Pixel erstellen (siehe den entsprechenden Artikel). So installieren Sie das Web Pixel zur Verfolgung des Checkout completed-Ereignisses mit der Kameleoon-App:
  1. Melden Sie sich bei Ihrem Kameleoon-Konto an.
  2. Navigieren Sie zum Goals-Dashboard.
  3. Klicken Sie auf New goal.
  4. Geben Sie einen Namen für das Ziel ein.
  5. Wählen Sie den Typ Custom Goal aus.
  6. Wählen Sie dasselbe Projekt aus, das in dem Kameleoon-Snippet verwendet wird, das Sie in Ihrem Shopify-Shop installiert haben.
  7. Klicken Sie auf Next > Create.
  8. Kehren Sie zu Ihrem Shopify-Shop zurück.
  9. Klicken Sie im Abschnitt Checkout-Tracking auf Install.
  10. Geben Sie die ID des von Ihnen erstellten Ziels ein und klicken Sie auf Save.

​
Manuelle Installation

  1. Installieren Sie die Kameleoon-App (verfügbar im Shopify App Store).
  2. Geben Sie Ihren Sitecode ein und klicken Sie auf Save.
  3. Navigieren Sie zum Tab Snippets.
  4. Für jedes Snippet:
    • Kopieren Sie den Code aus dem Snippet.
    • Gehen Sie zum Theme-Menü und klicken Sie auf Edit code.
    • Erstellen Sie ein Snippet entsprechend der Ordnerstruktur.

​
So migrieren Sie von der alten Version zur neuen Version der Shopify Kameleoon-App

Wenn Kameleoon bereits in Ihrem Shopify-Shop installiert ist (entweder manuell installiert oder mit der vorherigen Version dieser Integration installiert) und Sie zur neuen Integration wechseln möchten, folgen Sie dieser Anleitung. Die Migration auf die neue Version ermöglicht es Ihnen, das Kameleoon-Snippet sehr einfach mit einem Klick auf den Schalter für jedes von Ihnen verwendete Theme zu installieren und zu deinstallieren.
So migrieren Sie zur neuen Version:
  1. Gehen Sie zum Theme-Menü und klicken Sie auf Edit code.
  2. Entfernen Sie alle Kameleoon-Snippet-Dateien aus Ihrem Theme:
    • ./Snippets/kameleoon-cart-script.liquid
    • ./Snippets/kameleoon-root-script.liquid
    • ./Snippets/kameleoon-product-script.liquid
    • ./Snippets/kameleoon-collection-script.liquid
    • ./Snippets/kameleoon-checkout-script.liquid
  3. Entfernen Sie das Kameleoon-Skript aus der Hauptdatei (theme.liquid). Sie sollten die folgenden Zeilen entfernen:
{% capture snippet_content %}{% include 'kameleoon-root-script' %}{% endcapture %}
   {% unless snippet_content contains "Liquid error" %}
   {%if content_for_header contains 'sh-app.kameleoon.com' %}
     {{ snippet_content }}
   {% endif %}
   {% endunless %}
  1. Fahren Sie mit der Installation über die Shopify-App fort, wie hier erklärt.