Hier erfährst du, wie du ein Anmeldeformular für „wieder auf Lager“ für deinen Onlineshop einrichtest und anpasst. Mit dem Formular-Editor von Klaviyo kannst du sowohl die Schaltfläche „Benachrichtige mich“ anpassen, die angezeigt wird, wenn ein Produkt auf deiner Website nicht auf Lager ist, als auch das Formular, das deine Kund*innen für „wieder auf Lager“-Benachrichtigungen per E-Mail, Textnachrichten und WhatsApp verwenden, um sich anzumelden.

Bevor du anfängst

Formulare für „Wieder auf Lager“ sind nur für Shopify und BigCommerce verfügbar. Wenn eine andere Plattform verwendet wird, stattdessen unseren Installationsleitfaden für den Flow „Wieder auf Lager“ verwenden.

In diesem Artikel erfährst du, wie du:

  • Entferne vorhandenen Klaviyo-Code für „wieder auf Lager“ aus deinem Shopify- oder BigCommerce-Shop (falls zutreffend)
  • Aktiviere und passe deinen Button „wieder auf Lager“ und dein Anmeldeformular an

So funktioniert das Formular „WIEDER AUF LAGER“ in deinem Shop

Nachdem du ein Formular für „wieder auf Lager“ veröffentlicht hast, zeigt Klaviyo automatisch eine anpassbare Schaltfläche „Benachrichtige mich“ auf jeder Produktseite an, auf der der Bestand ausverkauft ist. Du kannst diese Schaltfläche im Formulareditor zusammen mit dem Formular selbst anpassen. Die Schaltfläche wird automatisch angezeigt und ausgeblendet – je nach Produktbestand.

Wenn ein*e Shopper*in auf die Schaltfläche „Benachrichtige mich“ klickt, wird dein Formular angezeigt. Damit kann die Person auswählen, wie sie benachrichtigt werden möchte, wenn das Produkt wieder verfügbar ist – je nachdem, wie du dein Formular konfiguriert hast:

  • E-Mail: Wenn du ein E-Mail-Feld einfügst, können Käufer*innen ihre E-Mail-Adresse eingeben, um eine Wieder-auf-Lager-Benachrichtigung per E-Mail zu erhalten. Du kannst auch ein optionales Kontrollkästchen hinzufügen, damit Käufer*innen sich dafür anmelden können, Werbe-Marketing-E-Mails zu erhalten.
  • Textnachrichten und WhatsApp: Wenn du ein Feld für die Telefonnummer hinzufügst, können Kund*innen ihre Telefonnummer eingeben, um eine Benachrichtigung über die Wiederverfügbarkeit per Textnachricht zu erhalten. Um diese Textbenachrichtigungen zu erhalten, müssen Kund*innen ihre ausdrückliche Einwilligung zum Erhalt von Werbe-Textnachrichten erteilen. Diese Einwilligung ist erforderlich und kann nicht optional gemacht werden, und deine Offenlegungssprache muss vorhanden sein.

Nachdem ein*e Shopper*in das Formular abgesendet hat, protokolliert Klaviyo auf dem Profil ein Ereignis „Subscribed to Back In Stock“. Dieses Ereignis wird verwendet, um deinen Wieder-auf-Lager-Flow auszulösen. Shopper*innen, die abonnieren, treten automatisch in den Flow ein und erhalten eine Benachrichtigung, wenn das Produkt wieder auf Lager ist.

Beachte, dass A/B-Tests und nicht traditionelle SMS- und WhatsApp-Opt-in-Methoden (z. B. Smart Opt-in und Tap-to-Text) für Wieder-auf-Lager-Formulare nicht unterstützt werden.

Vorhandenes Code-Fragment für „wieder auf Lager“ entfernen

Wenn du Klaviyos Code-Fragment „wieder auf Lager“ zuvor installiert hast, musst du es zuerst entfernen, um doppelte Buttons oder Formulare zu vermeiden.

Klicke unten auf einen der Pfeile, um den Abschnitt unten zu erweitern und Anweisungen zum Entfernen des Codes von deiner Shop-Plattform zu erhalten. Wenn du dir nicht sicher bist, welches Skript oder welchen Code du entfernen sollst, wende dich an deine*n Entwickler*in oder sieh in deinen ursprünglichen Installationsnotizen nach.

Wenn du bisher noch keinen wieder auf Lager-Code hinzugefügt hast, springe zum nächsten Abschnitt zum Erstellen deines wieder auf Lager-Formulars.

Entferne den „wieder auf Lager“-Code von einer Shopify-Website
  1. Gehe in deinem Shopify-Administrator zu Onlineshop > Themes.
  2. Klicke neben deinem veröffentlichten Theme auf das Menü mit den zusätzlichen Optionen (3 Punkte) und wähle dann Code bearbeiten aus.
  3. Öffne die Datei theme.liquid.
  4. Verwende die Suchfunktion (Command+F auf dem Mac oder Control+F unter Windows), um im Datei nach dem Wort „backinstock“ zu suchen.
  5. Suche das folgende Code-Fragment und lösche es:
auto
<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "PUBLIC_API_KEY",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "button",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#439fdb",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</script>
  1. Klicke auf Speichern.
  2. Kehre zu deiner Website zurück und aktualisiere eine Produktseite für einen nicht vorrätigen Artikel. Überprüfe, dass die Schaltfläche „Benachrichtige mich“ nicht mehr sichtbar ist.

Code für „wieder auf Lager“ von einer BigCommerce-Website entfernen

  1. Gehe in deinem BigCommerce-Admin zu Storefront > Script Manager.
  2. Suche nach Skripten, die mit Klaviyo Funktion „wieder auf Lager“ zusammenhängen. Diese Skripte können einen Namen wie „Klaviyo wieder auf Lager“ haben oder entsprechend deiner vorherigen Installation beschriftet sein.
  3. Klicke neben dem Script auf das Menü für zusätzliche Optionen (3 Punkte) und wähle Löschen, um das Script zu entfernen.

Wenn du den Klaviyo-Code für wieder auf Lager ursprünglich direkt in eine Theme-Datei eingefügt hast (z. B. in footer.html), musst du den Code dort manuell entfernen. Gehe dazu zu Storefront > Themes > Theme-Dateien bearbeiten, suche die Datei, die das Skript enthält, und lösche das Code-Fragment.

  1. Speichere deine Änderungen.
  2. Kehre zu deiner Website zurück und aktualisiere eine Produktseite für einen nicht vorrätigen Artikel. Überprüfe, dass die Schaltfläche „Benachrichtige mich“ nicht mehr sichtbar ist.


Ein Wieder-auf-Lager-Formular erstellen

Du kannst jeweils nur ein Formular für wieder auf Lager in deinem Konto haben, unabhängig davon, ob es veröffentlicht ist oder sich im Entwurfsmodus befindet. Wenn bereits ein Wieder-auf-Lager-Formular vorhanden ist, musst du es löschen, bevor du ein neues erstellst.

  1. Wähle in der Hauptnavigation von Klaviyo die Registerkarte Anmeldeformular aus.
  2. Klicke auf Formular erstellen.
  3. Gib in der Suchleiste „wieder auf Lager“ ein und wähle eine vorgefertigte Vorlage wieder auf Lager aus, um sie anzupassen.
Three Back in Stock popup form templates displayed for selection on the Create Form page.
Three Back in Stock popup form templates displayed for selection on the Create Form page.
  • Wenn du lieber mit einem leeren Formular beginnen möchtest, klicke auf Leeres Formular erstellen und wähle dann wieder auf Lager als Formulartyp aus.
  1. Auswählen, in welche Liste(n) E-Mail-, SMS- und WhatsApp-Anmeldungen erfasst werden sollen.
  2. Klicke auf Formular erstellen.
Back in Stock Multi-step popup form setup screen with options for email and SMS subscriber lists.
Back in Stock Multi-step popup form setup screen with options for email and SMS subscriber lists.
  1. Wähle in der Menüleiste den Schritt Schaltfläche „Produkt anzeigen“ aus. Beachte, dass dies immer der erste Schritt des Formulars sein muss und nicht gelöscht werden kann.
  2. Wähle im Bearbeitungsmenü links aus, wo die Schaltfläche auf deinen Produktseiten erscheinen soll:
    • Schaltfläche „In den Warenkorb“ ersetzen: Die Schaltfläche „Benachrichtige mich“ ersetzt für Artikel, die nicht auf Lager sind, die Schaltfläche „In den Warenkorb“.
    • Gestapelt: Die Schaltfläche „Benachrichtige mich“ wird unter der Schaltfläche „In den Warenkorb“ angezeigt (wenn sie als „Ausverkauft“ angezeigt wird).
Product display button settings with options to replace or stack the
Product display button settings with options to replace or stack the

Wenn du die Schaltfläche „Benachrichtige mich“ an einer anderen Stelle platzieren möchtest, lies dir den Abschnitt unten zur Verwendung von klaviyo-bis-trigger für eine benutzerdefinierte Schaltflächenplatzierung durch.

  1. Verwende die Optionen für Text, Schaltflächenstil, Rahmen und Schattenwurf, um das Label und das Design der Schaltfläche „Benachrichtige mich“ zu aktualisieren.
  2. Wechsle zum Schritt E-Mail-Opt-in und verwende das Menü Stile, um Farben, Schriftarten und Layout anzupassen, damit dein Formular zu deiner Marke passt.
Back in Stock form editor showing style customization options and a preview of the email opt-in popup.
Back in Stock form editor showing style customization options and a preview of the email opt-in popup.
  1. Wende das Styling auf jeden nachfolgenden Schritt in deinem Formular an, z. B. SMS-Opt-in- oder Erfolgs-Schritte, indem du im Menüband auf jeden Schritt klickst und Schritt 9 wiederholst.

Jeder Eingabeschritt muss mindestens 1 E-Mail- oder Telefonnummern-Eingabefeld enthalten. Wenn ein Schritt beides hat, kannst du 1 entfernen. Wenn ein Schritt nur 1 der 2 Eingaben hat, kann sie aus diesem Schritt nicht gelöscht werden. Du kannst jedoch den gesamten Schritt löschen, wenn du nur 1 Kanal erfassen möchtest. Die Einwilligung für E-Mail-Marketing ist optional und kann entfernt werden.

  1. Nur Shopify (optional): Um festzulegen, wo die Schaltfläche „Benachrichtige mich“ angezeigt wird, gehe zu Targeting and behavior > Targeting und verwende Shopify-Tags, um bestimmte Produkte einzuschließen oder auszuschließen, für die die Schaltfläche angezeigt werden soll.
BiS12.jpg
BiS12.jpg
  1. Wenn du mit deinem Formular zufrieden bist, klicke auf Veröffentlichen, um es zu aktivieren. Sobald dein Formular live ist, wird dein Produktanzeige-Button automatisch angezeigt, wenn ein Artikel auf deiner Website nicht mehr vorrätig ist.
  2. Nach der Veröffentlichung siehst du in der Bestätigungsmodal zum Veröffentlichen eine Aufforderung, deinen wieder auf Lager-Flow einzurichten.
  • Wenn du bereits einen wieder auf Lager-Flow eingerichtet hast, bei dem die Metrik Abonniert für wieder auf Lager als Trigger dient, beginnt er automatisch mit deinem neuen wieder auf Lager-Formular zu arbeiten. Du musst keinen weiteren erstellen; klicke auf Verwerfen.
  • Wenn nicht, klicke auf Beenden und Flow erstellen und sieh dir dann unseren Leitfaden zum Thema So richtest du einen wieder auf Lager-Flow ein an.
Modal with the message
Modal with the message

Analysen für „Wieder auf Lager“-Formulare

Du kannst die Metriken für dein wieder auf Lager-Formular auf der Analytics-Seite überwachen, einschließlich Sendungen für wieder auf Lager und Marketing-Opt-ins. Beachte, dass die Sendungsrate auf Grundlage der Anzahl der wieder auf Lager-Abonnements berechnet wird, nicht auf Grundlage der Marketing-Einwilligung.

Analytics dashboard showing submit rate, back in stock submits, marketing opt-ins, and viewed form metrics.
Analytics dashboard showing submit rate, back in stock submits, marketing opt-ins, and viewed form metrics.

Diese Seite enthält auch Diagramme der Formulardaten nach Schritt und nach Datenerfassungstyp:

  • Kundenengagement: Das bezieht sich auf wieder auf Lager-Abonnements (z. B. wenn ein*e Käufer*in sich für E-Mail-Benachrichtigungen zur Wiederverfügbarkeit anmeldet).
  • Marketing-Opt-ins: Das bezieht sich darauf, wenn Shopper*innen ihre Einwilligung geben, Werbenachrichten zu erhalten – entweder durch das Aktivieren des Opt-in-Kästchens für Marketing-E-Mails oder durch das Eingeben einer Telefonnummer, da Textbenachrichtigungen immer eine Einwilligung für Werbe-SMS erfordern.

Fehlerbehebung bei wieder auf Lager

Wenn dein „wieder auf Lager“-Erlebnis nicht wie erwartet funktioniert, sieh dir die folgenden häufigen Probleme an.

Die Schaltfläche „Benachrichtige mich“ wird nicht angezeigt oder ist nicht an der richtigen Stelle

Wenn die Schaltfläche „Benachrichtige mich“ auf deiner Produktseite fehlt oder du sie so konfigurieren möchtest, dass sie an einer anderen, benutzerdefinierten Stelle angezeigt wird, kannst du ihre Platzierung mithilfe des HTML-Attributs klaviyo-bis-trigger manuell steuern.

auto
<a class="klaviyo-bis-trigger" href="#">Notify Me When Available</a>

Füge dieses Attribut zu dem spezifischen HTML-Element hinzu, in dem die Schaltfläche „Notify me“ gerendert werden soll, und Klaviyo zeigt die Schaltfläche dann an dieser Stelle statt am Standardspeicherort an. Diese Lösung kann hilfreich sein, wenn du ein benutzerdefiniertes oder nicht standardmäßiges Theme verwendest; sie wird jedoch nicht immer ein Problem mit einer fehlenden Schaltfläche beheben. Wenn du Probleme hast, einen benutzerdefinierten Button-Standort zu konfigurieren, wende dich an deine Entwickler*innen.

Kompatibilität mit der Shopify-Einstellung „Verkauf fortsetzen, wenn nicht vorrätig“

Klaviyo’s wieder auf Lager-Funktionen funktionieren nicht mit Shopifys Einstellung „Weiter verkaufen, wenn nicht auf Lager“. Wenn diese Einstellung aktiviert ist, erscheint das Produkt immer als verfügbar, selbst bei null Bestand. Das Ergebnis:

  • Die Schaltfläche „Benachrichtige mich“ und das Formular für „wieder auf Lager“ werden nicht angezeigt.
  • Es werden keine E-Mails zu wieder auf Lager gesendet, da Klaviyo nicht erkennen kann, wann der Bestand wieder aufgefüllt wird, um den Flow auszulösen.

Um die wieder auf Lager-Funktionen von Klaviyo zu nutzen, stell sicher, dass „Weiterverkaufen, wenn nicht auf Lager“ für diese Produkte deaktiviert ist.

Nutzt du das Retina-Theme?

Das Retina-Thema (von Out of the Sandbox) verfügt über ein in die Produktseite integriertes Benachrichtigungsformular. Damit der Klaviyo-Code funktioniert, musst du die Standardschaltfläche deines Themes deaktivieren.

Verwendest du ein Theme, das Produkte ausblendet, wenn alle Varianten ausverkauft sind?

Wenn dein Shopify-Theme Produkte ausblendet, sobald alle Varianten ausverkauft sind, musst du in deiner product.liquid-Datei den entsprechenden Code-Abschnitt ausfindig machen und ihn so anpassen, dass alle Produkte unabhängig vom Bestand angezeigt werden.

Weitere Ressourcen

  • How to build a back in stock flow

    Learn how to build a Klaviyo back in stock flow to alert customers about inventory if you are using the Shopify, BigCommerce, Magento 2, PrestaShop, SFCC, or Shopware platforms, or if you have an inventory-aware catalog synced via custom catalog feed or API.

  • Understanding how back in stock flows work

    Learn about how back in stock flows work, how contacts move through them, and how they appear different from most other metric-triggered flows. For instance, they have the back in stock delay component, which is unique to this type of flow.

  • How to use SMS in your back in stock flows

    Learn how to use SMS in your back in stock flows with Klaviyo.

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.
Partner
Beauftragen Sie einen Klaviyo-zertifizierten Experten, der Ihnen bei einer bestimmten Aufgabe hilft oder für das laufende Marketing-Management zuständig ist.
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