So zeigst du Favoriten-Buttons auf deiner Website und im Klaviyo Customer Hub an

Übersicht

Erfahre, wie du Shopper*innen ermöglichen kannst, ihre Lieblingsartikel auf deiner Website zu speichern. Wenn du neben deinen Produkten Favoritenschaltflächen einfügst, kannst du die gespeicherten Artikel deiner Käufer*innen im Customer Hub anzeigen lassen und Follow-up-Flows versenden, um die Conversion zu steigern.

Bevor du anfängst

Dieser Leitfaden erklärt, wie du die Einstellung Favorites in den Klaviyo Customer Hub-Einstellungen in Klaviyo aktivierst und Favoriten-Buttons auf verschiedenen Seiten deiner Website hinzufügst. Bevor du fortfährst, stelle sicher, dass die Klaviyo Customer Hub-Funktion in Klaviyo aktiviert ist.

Mehr über den Klaviyo Customer Hub erfahren.

Über Favoriten

Favoriten-Buttons ermöglichen es Kund*innen, Produkte zu speichern, an denen sie interessiert sind. Die favorisierten Artikel eines*einer Shopper*in werden im Klaviyo Customer Hub-Drawer angezeigt und können in Flows verwendet werden, um zusätzliche Conversions zu erzielen.

Wenn du die Favorites -Funktionen in deinen Klaviyo Customer Hub-Einstellungen aktivierst, wird in der Klaviyo Customer Hub-Oberfläche bei allen angezeigten Produkten eine Favoriten-Schaltfläche eingeblendet. Wenn Kund*innen auf diese Schaltfläche klicken, wird der Artikel dem Bereich Favorites hinzugefügt und in ihrem Klaviyo Profil gespeichert.

Um die Sichtbarkeit zu erhöhen und die Nutzung zu fördern, kannst du auch Favoriten-Schaltflächen hinzufügen zu:

• Produktdetailseiten
• Kollektionsseiten (auch „Produktlistenseiten“ genannt)

Artikel, die auf einer dieser Seiten favorisiert werden, werden außerdem im Bereich Favoriten im Klaviyo Customer Hub-Drawer der Shopper*innen gespeichert. Beachte, dass jede*r Besucher*in Produkte zur Favoritenliste hinzufügen kann, unabhängig davon, ob die Person in ein Kund*innenkonto eingeloggt ist. Wenn sich die Person anmeldet, werden alle gespeicherten Favoriten mit ihrem Klaviyo-Profil synchronisiert.

Favoriten anzeigen im Klaviyo Customer Hub aktivieren

Um Favoriten in der Schublade des Klaviyo Customer Hub anzuzeigen, musst du zuerst die Einstellung Favoriten in Klaviyo aktivieren.

1. In der Hauptnavigation von Klaviyo auf der linken Seite Service – Klaviyo Customer Hub auswählen.
2. Klicke auf die Registerkarte Erweiterungen .
3. Aktiviere unter Favoritendas Kästchen, um Favoriten aktivieren.
   

4. Wähle im Drop-down-Menü Symbol auswählen aus, welcher Typ Favoriten-Symbol unter deinen Produkten angezeigt werden soll (z. B. ein Herz oder ein Pluszeichen).
   • Standardmäßig zeigt die Vorschau die nicht ausgewählte (d. h. nicht favorisierte) Version des Symbols an. Klicke im Vorschaubild auf das Symbol, um zu sehen, wie es in den Favoritenstatus wechselt.
5. Klicke auf Speichern.

Unter allen Produkten, die in der Oberfläche von Klaviyo Customer Hub präsentiert werden, wird jetzt eine Favoriten-Schaltfläche angezeigt. Wenn du darauf klickst, wird das Element zum Abschnitt Favoriten hinzugefügt.

Fahre mit dem nächsten Abschnitt fort, um Anleitungen zum Hinzufügen von Favoriten-Buttons zu Produktdetailseiten zu erhalten.

Bestehende Wunschlisten in den Klaviyo Customer Hub importieren

Wenn du von einer anderen Wunschlistenanwendung zum Klaviyo Customer Hub wechselst, kannst du die gespeicherten Artikel deiner Kund*innen nahtlos migrieren, mit einer weitgehend verlustfreien Datenmigration. Klaviyo bietet einen Standard-Workflow zum Import historischer Favoriten- und Wunschlistendaten, damit deine Shopper*innen ihre gespeicherten Produkte nicht verlieren.

Importe nativer Apps

Klaviyo bietet native, sofort einsatzbereite Unterstützung beim Importieren von Daten direkt aus beliebten Wunschlisten-Apps, einschließlich:

• Swym
• Wishlist King

Import über CSV-Datei

Wenn du von einem anderen Wunschlisten-Anbieter migrierst, kannst du deine Daten direkt in Klaviyo importieren. Navigiere zu den Einstellungen für Favoriten im Klaviyo Customer Hub und ziehe deine CSV-Datei in den Upload-Bereich – keine Vorlage erforderlich. Der Importer erkennt das Format deiner Datei automatisch und ordnet die Daten entsprechend zu, um die Klaviyo Customer Hub-Profile deiner Shopper*innen zu befüllen.

Favoriten-Buttons zu Produktdetailseiten hinzufügen

Sorge für deutlich höheres Kundenengagement, indem du Schaltflächen „Zu Favoriten hinzufügen“ zu deinen Produktdetailseiten hinzufügst.

1. In der Einstellung Favoriten in Klaviyo App-Block hinzufügen auswählen.
2. Dadurch wird dein Shopify-Theme-Editor in einem neuen Fenster geöffnet, und es wird ein Modal angezeigt, das darauf hinweist, dass der App-Block Klaviyo Favorites zu deiner Standardvorlage für die Produktseite hinzugefügt wurde. Klicke auf Verstanden.
   

3. Klicke und ziehe die App, um ihre Positionierung auf deiner Seite mit Produktdetails nach Bedarf anzupassen.
4. Wenn du bereit bist, klicke auf Speichern, um deine Änderungen in Shopify zu speichern. An diesem Punkt werden unter den Produkten auf deinen Produktseiten Favoriten-Buttons angezeigt.
5. Optional: Navigiere für zusätzliches Styling zurück zu Klaviyo. Über das Drop-down-Menü App-Blockstil kannst du das Aussehen des Favoriten-Buttons auf Produktseiten anpassen. Wähle entweder:
   • Übernehmen, um die Schaltflächenstile deiner Website zu synchronisieren (Standard).
   • Benutzerdefiniert, um eine bestimmte Schaltflächen-Schriftart und Textfarbe auszuwählen.
     

6. Speichere alle Änderungen.

Navigiere zurück zu deiner Website. Du solltest sehen, dass unter Produkten auf deinen Produktdetailseiten Favoriten-Buttons angezeigt werden.

Als Nächstes springe weiter zum Abschnitt „Favoriten-Buttons zu deinen Kategorieseiten hinzufügen“.

Favoriten-Buttons manuell installieren (Vintage-Themes oder benutzerdefiniertes Setup)

Wenn du ein Vintage-Shopify-Theme oder ein benutzerdefiniertes Setup verwendest, das keine App-Blöcke unterstützt, musst du die Klaviyo Wishlist-App möglicherweise manuell auf den Seiten installieren, auf denen du Favorisierungsaktionen möchtest (z. B. Produktseiten).

Um dies zu tun:

1. Öffne deine Shopify-Shop-Administration.
2. Wähle unter Verkaufs-Kanälen Online-Shop aus.
3. Klicke im Drei-Punkte-Menü deines aktuellen Themes auf Code bearbeiten. Wenn du es lieber in einem Entwurf-Theme testen möchtest, dupliziere zuerst dein aktuelles Theme und bearbeite dann den Code des Duplikats.
   

4. Suche die Datei für deine Produktdetailseite. Das variiert je nach Theme, hat aber in der Regel das Wort „Produkt“ im Namen. Im Dawn-Theme heißt diese Datei zum Beispiel „main-product.liquid“.
5. Füge das folgende Code-Fragment an der Stelle ein, an der die Favoriten-Schaltfläche angezeigt werden soll:
   <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}"></div>
6. Klicke auf Speichern.
7. Klicke auf Shop-Vorschau.
8. Navigiere zu einer Produktseite in deiner Store-Vorschau. Der hinzugefügte Favoriten-Button sollte am vorgesehenen Ort sichtbar sein.

Favoriten-Buttons zu deinen Kategorieseiten hinzufügen

Installiere ein kurzes Code-Snippet auf deiner Shopify-Website, um Favoriten-Schaltflächen zu deinen Kategorieseiten hinzuzufügen, damit Kund*innen beim Stöbern durch deine Produkte Artikel schnell speichern können. Das ist besonders nützlich für Kund*innen auf Mobilgeräten.

Um dies zu tun:

1. Öffne deine Shopify-Shop-Administration.
2. Wähle unter Verkaufs-Kanälen Online-Shop aus.
3. Klicke neben deinem aktuellen Theme auf das Drei-Punkte-Menü und wähle dann Code bearbeiten aus.
   • Wenn du auf einem Entwurfs-Theme testen möchtest, dupliziere zuerst dein aktuelles Theme und bearbeite dann den Code im duplizierten Theme.
4. Suche in der linken Seitenleiste nach deiner Collections-Datei und öffne sie. Für dieses Beispiel verwenden wir die Datei featured-collections.liquid, aber dein Theme verwendet möglicherweise eine andere Datei.
   

5. Verwende in der Collections-Datei die Suchfunktion (Command+F auf Mac oder Control+F auf Windows), um im Dokument nach dem Wort „render“ zu suchen. So kannst du den Snippet-Namen identifizieren, der dein Produkt-Grid enthält.
   • Das Snippet wird wahrscheinlich in einem ähnlichen Format angezeigt: {% render 'snippet-name'%}, wobei „snippet-name“ der Name der relevanten Snippet-Datei ist (z. B. card-product).
     

6. In der linken Seitenleiste nach der im vorherigen Schritt angegebenen Snippet-Datei suchen und sie öffnen (z. B. card-product.liquid).
7. Notiere dir oben in dieser Datei den Objektwert, der unter „Accepts“ aufgeführt ist (z. B. „card_product“).
   

8. Kopiere den folgenden Code und füge ihn in die Snippet-Datei ein:
   • Tipp: Suche in deiner Datei nach der ersten Stelle, an der der Preis gerendert wird, und füge den Code darüber ein.
     <div

    class="klaviyo-favorites-plp-slot"

   data-product-id="{{ OBJECT.id }}"

   data-product-url="{{ OBJECT.url }}"

   data-variant-id="{{OBJECT.selected_or_first_available_variant.id}}"

  ></div>
9. Ersetze im Code, den du eingefügt hast, OBJECT durch den Objektwert, den du zuvor notiert hast.
   • Wenn der Objektwert deiner Datei beispielsweise „card_product“ ist, sieht der Code so aus, wenn er in die Datei oben über dem Preis eingefügt wird.
     

10. Klicke in Shopify auf Speichern.
11. Zur Kategorieseite deiner Website gehen und aktualisieren.

Du solltest jetzt die Favoriten-Buttons auf jedem Produkt sehen. Beachte, dass das Laden einige Sekunden dauern kann. Standardmäßig sind diese in der oberen rechten Ecke positioniert. Wenn du die Positionierung ändern möchtest, wende dich für Unterstützung mit benutzerdefiniertem CSS an deine*n Entwickler*in.

Wenn die Favoriten-Buttons immer noch nicht angezeigt werden, probiere diese Schritte zur Fehlerbehebung aus:

• Bestätige, dass du OBJECT im Code-Fragment durch den Objektwert deiner Datei ersetzt hast.
• Versuche, den Code an anderer Stelle in der Datei einzufügen.
• Prüfe, ob der Code in die richtige Snippet-Datei eingefügt wurde.

Wenn sie immer noch nicht angezeigt werden, hol dir Unterstützung von einer*einem Entwickler*in. Das Support-Team von Klaviyo kann deine Theme-Dateien nicht direkt bearbeiten.

Nächste Schritte

Nachdem du Favoriten-Buttons zu deiner Website hinzugefügt hast, richte einen Flow für Favoriten-Erinnerungen ein, um Conversions zu steigern, indem du Shopper*innen an ihre kürzlich gespeicherten Artikel erinnerst.

Weitere Ressourcen