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

Geschätzt 7 Lesedauer in Minuten
|
Aktualisiert 15. Mai 2025, 03:55 EST
Übersicht

Übersicht

Erfahre, wie du Kunden die Möglichkeit gibst, ihre Lieblingsartikel auf deiner Website zu speichern. Indem du Favoriten-Buttons neben deinen Produkten einfügst, kannst du die gespeicherten Artikel deiner Kunden in der Schublade des Klaviyo Customer Hub anzeigen und Follow-up-Flows senden, um die Conversion zu fördern.

Bevor du anfängst

Bevor du anfängst

In dieser Anleitung erfährst du, wie du die Favoriten-Einstellung in den Klaviyo Customer Hub-Einstellungen unter Klaviyo aktivierst und Favoriten-Buttons auf verschiedenen Seiten deiner Website hinzufügst. Bevor du fortfährst, stelle sicher, dass die Klaviyo Customer Hub Funktionen in Klaviyo aktiviert sind.

Erfahre mehr über den Klaviyo Customer Hub.

Über Favoriten

Über Favoriten

Favoriten-Buttons ermöglichen es den Kunden, Produkte, die sie interessieren, zu speichern. Die favorisierten Artikel eines Käufers werden in der Schublade des Klaviyo Customer Hub angezeigt und können in Flow verwendet werden, um die Conversion zu steigern.

Wenn du die Favoritenfunktionen in deinen Klaviyo Customer Hub Einstellungen aktivierst, erscheint ein Favoriten-Button mit allen Produkten, die in der Klaviyo Customer Hub Oberfläche angezeigt werden. Wenn ein Shopper auf diese Schaltfläche klickt, wird der Artikel zu seinen Favoriten hinzugefügt und in seinem Klaviyo-Profil gespeichert.

newfavorites1.jpg

Um ihre Sichtbarkeit zu erhöhen und ihre Nutzung zu fördern, kannst du auch Favoriten-Buttons hinzufügen:

  • Produkt-Detailseiten
  • Sammlungsseiten (auch "Produktlistenseiten" genannt) 

Artikel, die auf einer dieser Seiten favorisiert werden, werden auch in der Schublade des Klaviyo Customer Hub unter "Favoriten" gespeichert. Beachte, dass jeder Besucher Produkte zu seiner Favoritenliste hinzufügen kann, unabhängig davon, ob er in einem Kundenkonto angemeldet ist. Wenn sie sich anmelden, werden alle gespeicherten Favoriten mit ihrem Klaviyo Profil synchronisiert.

Favoriten aktivieren, um sie in der Klaviyo Customer Hub Schublade anzuzeigen

Favoriten aktivieren, um sie in der Klaviyo Customer Hub Schublade anzuzeigen

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

Wenn dein Klaviyo Customer Hub live ist, wird er durch das Speichern dieser Änderung auf deiner Website veröffentlicht. Wenn das nicht der Fall ist, musst du deinen Klaviyo Customer Hub im Menü " Allgemeine Einstellungen" auf "live" stellen, um diese Änderung zu sehen.

  1. Wähle in der linken Hauptnavigation von Klaviyoden Klaviyo Customer Hub aus.
  2. Klicke auf das Zahnradsymbol in der oberen rechten Ecke.
    CHsettings.jpg
  3. Wähle Erweiterungen.
  4. Setze unter Favoriten ein Häkchen in das Kästchen "Favoriten aktivieren".
    CHfavoriten3.jpg
  5. In der Dropdown-Liste " Symbol auswählen" wählst du aus, welche Art von Lieblingssymbol 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. Klicke auf das Symbol in der Vorschau, um zu sehen, wie es in den Status "Favorit" wechselt.
  6. Klicke auf Speichern.

Unter allen Produkten, die im Klaviyo Customer Hub angezeigt werden, erscheint jetzt ein Favoriten-Button. Wenn du darauf klickst, wird das Objekt zu den Favoriten hinzugefügt.

Im nächsten Abschnitt findest du eine Anleitung zum Hinzufügen von Favoriten-Schaltflächen auf Produktdetailseiten. 

Hinzufügen von Favoriten-Buttons zu Produkt-Detailseiten

Hinzufügen von Favoriten-Buttons zu Produkt-Detailseiten

Erlaube deinen Kunden, bestimmte Artikel zu favorisieren, indem du auf den Produktdetailseiten Favoriten-Buttons unter den Produkten einfügst. 

Wenn du ein altes Shopify Theme oder ein benutzerdefiniertes Setup verwendest, das die App Block nicht unterstützt, lies unsere Anleitung zur manuellen Installation des Favoriten-Buttons.

  1. Wähle in der Einstellung Favoriten in Klaviyo die Option App-Block hinzufügen
  2. Dadurch wird dein Shopify Theme-Editor in einem neuen Fenster gestartet und ein Modal angezeigt, das angibt, dass der Klaviyo Favoriten-App-Block zu deiner Standard-Produktseite Vorlage hinzugefügt wurde. Klick Hast du es?
    CHfavoriten4.jpg
  3. Klicke und ziehe die App, um ihre Position auf deiner Produktdetailseite nach Bedarf anzupassen. 
  4. Wenn du fertig bist, klicke auf Speichern, um deine Änderungen in Shopify zu speichern. Jetzt werden auf deinen Produktseiten Favoriten-Buttons unter den Produkten angezeigt. 
  5. Optional: Für zusätzliches Styling navigierst du zurück zu Klaviyo. Mit dem App-Block-Stil-Dropdown kannst du das Aussehen der Favoriten-Schaltfläche auf den Produktseiten anpassen. Wähle entweder:
    • Vererben, um die Schaltflächenstile deiner Website zu synchronisieren (Standard).
    • Benutzerdefiniert, um eine bestimmte Button-Schriftart und Textfarbe auszuwählen.
      newfavorites7.jpg
  6. Speichere alle Änderungen.

Navigiere zurück zu deiner Website. Du solltest sehen, dass die Favoriten-Schaltflächen unter den Produkten auf deinen Produktdetailseiten angezeigt werden.

newfavorites10.jpg

Als Nächstes gehst du zum Abschnitt Favoriten-Schaltflächen zu deinen Sammlungsseiten hinzufügen über. 

Manuelles Installieren von Lieblingstasten (alte Themen oder benutzerdefinierte Einstellungen)

Manuelles Installieren von Lieblingstasten (alte Themen oder benutzerdefinierte Einstellungen)

Wenn du ein altes Shopify Theme oder ein benutzerdefiniertes Setup verwendest, das den App-Block nicht unterstützt, musst du die Klaviyo Wishlist App möglicherweise manuell auf den Seiten installieren, auf denen du Aktionen favorisieren möchtest (z. B. auf Produktseiten).

Um dies zu tun:

  1. Öffne deinen Shopify Laden admin.
  2. Wähle unter Verkaufskanal die Option Online-Shop.
  3. Klicke auf das Drei-Punkte-Menü deines aktuellen Themas und wähle dann Code bearbeiten. Wenn du es lieber mit einem Entwurfstheme testen möchtest, dupliziere zuerst dein aktuelles Theme und bearbeite dann den Code des duplizierten Themes.
    CHfavoriten5.jpg
  4. Finde die Datei für deine Produkt-Detailseite. Das variiert je nach Thema, hat aber normalerweise das Wort "Produkt" in seinem Namen. Im Dawn-Theme heißt sie zum Beispiel "main-product.liquid".
  5. Füge das folgende Code-Fragment dort ein, wo der Favoriten-Button erscheinen soll:
    <div class="klaviyo-wishlist-slot" data-product-id="{{ product.id }}" ></div>
  6. Klicke auf Speichern.
  7. Klicke auf Vorschau Laden.
  8. Navigiere zu einer Produktseite in deiner Ladenvorschau. Die hinzugefügte Favoriten-Schaltfläche sollte an der vorgesehenen Stelle sichtbar sein.
Füge deinen Sammlungsseiten Favoriten-Buttons hinzu

Füge deinen Sammlungsseiten Favoriten-Buttons hinzu

Installiere einen kleinen Codeschnipsel auf deiner Shopify-Website, um Favoriten-Buttons zu deinen Kollektionsseiten hinzuzufügen, damit Kunden beim Stöbern in deinen Produkten schnell Artikel speichern können. Das ist besonders nützlich für Kunden, die mit mobilen Geräten einkaufen.

Um dies zu tun:

  1. Öffne deinen Shopify Laden admin.
  2. Wähle unter Verkaufskanal die Option Online-Shop.
  3. Neben deinem aktuellen Thema klickst du auf das Menü mit den drei Punkten und wählst dann Code bearbeiten
    • Wenn du mit einem Entwurfs-Theme testen willst, dupliziere zuerst dein aktuelles Theme und bearbeite dann den Code im duplizierten Theme.
  4. Suche in der linken Seitenleiste nach deiner Sammlungsdatei und öffne sie. Für dieses Beispiel verwenden wir die Datei featured-collections.liquid, dein Theme kann aber auch eine andere Datei verwenden.
    newfavorites2.jpg
  5. Verwende in der Sammlungsdatei die Tastenkombination "Suchen" (Befehl+F auf dem Mac oder Strg+F unter Windows), um das Wort "Rendern" in der Datei zu suchen. So kannst du den Snippet-Namen identifizieren, der dein Produktgitter enthält.
    • Das Snippet wird wahrscheinlich in einem ähnlichen Format erscheinen: {% render 'snippet-name'%} wobei "Snippet-Name" der Name der entsprechenden Snippet-Datei ist (z. B. card-product).
      newfavorites3.jpg
  6. Suche in der linken Seitenleiste nach der Snippet-Datei, die du im vorherigen Schritt identifiziert hast, und öffne sie (z. B. card-product.liquid).
  7. Notiere oben in dieser Datei den Objektwert, der unter "Akzeptiert" aufgeführt ist (z. B. "card_product").
    newfavorites6.jpg
  8. Kopiere den folgenden Code und füge ihn in die Snippet-Datei ein:
    • Tipp: Suche nach der ersten Instanz der Preisdarstellung in deiner Datei und füge den Code darüber ein.
      <div

          class="Klaviyo-favorites-plp-slot"

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

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

         Daten-Variante-id="{{OBJECT.selected_or_first_available_variant.id}}"

        ></div>
  9. Ersetze in dem Code, den du eingefügt hast, OBJECT durch den Objektwert, den du zuvor notiert hast.
    • Wenn der Objektwert deiner Datei zum Beispiel "card_product" lautet, sieht der Code so aus, wenn er in die Datei über dem Preis eingefügt wird.
      newfavorites5.jpg
  10. Klicke in Shopify auf Speichern.
  11. Gehe auf die Sammlungsseite deiner Website und aktualisiere.

Du solltest jetzt sehen, dass die Favoriten-Buttons auf jedem Produkt erscheinen. Es kann ein paar Sekunden dauern, bis sie geladen sind. Diese sind standardmäßig in der oberen rechten Ecke positioniert. Wenn du die Positionierung ändern möchtest, wende dich an deinen Entwickler, damit er dir mit benutzerdefiniertem CSS hilft. 

newfavorites11.jpg

Wenn die Favoritentasten immer noch nicht angezeigt werden, versuche diese Schritte zur Fehlerbehebung:

  • Stelle sicher, dass du OBJECT im Code-Fragment durch den Objektwert deiner Datei ersetzt hast.
  • Versuche, den Code an anderer Stelle in die Datei einzufügen.
  • Überprüfe, ob du den Code in die richtige Snippet-Datei eingefügt hast.

Wenn sie dann immer noch nicht erscheinen, wende dich an einen Entwickler. Das Support-Team von Klaviyo kann deine Theme-Dateien nicht direkt bearbeiten.

Nächste Schritte

Nächste Schritte

Jetzt, wo du deine Website mit Favoriten-Buttons ausgestattet hast, kannst du eine Favoriten-Erinnerung einrichten, um die Conversion zu fördern, indem du die Kunden an ihre kürzlich gespeicherten Artikel erinnerst.

Weitere Ressourcen

Weitere Ressourcen

War dieser Artikel hilfreich?
Nutze dieses Formular nur für Feedback zu Artikeln. So kontaktierst du den Support.

Mehr von Klaviyo entdecken

Community
Vernetze dich mit Kolleg*innen, Partner*innen und Klaviyo-Expert*innen, um dich inspirieren zu lassen, Erkenntnisse auszutauschen und Antworten auf deine Fragen zu erhalten.
Live-Training
Nimm an einer Live-Session mit Klaviyo-Expert*innen teil, um mehr über Best Practices und die Einrichtung wichtiger Funktionen zu erfahren.
Support

Kontaktiere den Support über dein Konto.

Support per E-Mail (kostenlose Testversion und kostenpflichtige Konten) Verfügbar 24/7

Chat / virtuelle Unterstützung
Verfügbarkeit abhängig von Standort und Abonnementtyp