Lär dig hur du ställer in och anpassar ett registreringsformulär för tillbaka i lager för din webbshop. Med formuläredigeraren i Klaviyo kan du anpassa både knappen ”Meddela mig” som visas när en produkt på din webbplats är slut i lager och formuläret som dina kunder använder för att registrera sig för tillbaka i lager-aviseringar via e-post, textmeddelanden och WhatsApp.

Innan du börjar

Formulär för tillbaka i lager är endast tillgängliga för butiker med en aktiverad Shopify- eller BigCommerce-integration i Klaviyo. Om du använder en annan plattform kan du läsa vår installationsguide för flödet tillbaka i lager i stället.

Innan du publicerar ditt formulär ska du se till att Klaviyo spårning på webbplatsen (Klaviyo.js) är installerad på din butik, så att Klaviyo kan visa knappen och formuläret.

I den här artikeln får du lära dig hur du:

  • Ta bort eventuell befintlig Klaviyo-kod för tillbaka i lager från din Shopify- eller BigCommerce-butik (om tillämpligt)
  • Aktivera och anpassa knappen tillbaka i lager och registreringsformuläret

Så fungerar formuläret för tillbaka i lager i din butik

När du publicerar ett tillbaka i lager-formulär visar Klaviyo automatiskt en anpassningsbar knapp med texten ”Meddela mig” på produktsidor när den valda variationen är slut i lager och produkten matchar dina inriktningsinställningar. Du kan anpassa den här knappen i formulärredigeraren, tillsammans med själva formuläret. Knappen visas och döljs automatiskt baserat på ditt produktlager.

När en kund klickar på knappen ”Meddela mig” visas ditt formulär, så att de kan välja hur de vill bli meddelade när produkten finns i lager igen, beroende på hur du har konfigurerat ditt formulär:

  • E-post: Om du inkluderar ett e-postfält kan kunder ange sin e-postadress för att få en påfyllningsavisering via e-post. Du kan också lägga till en valfri kryssruta så att kunder kan välja att anmäla sig för att få marknadsföringsmejl med kampanjer.
  • Textmeddelanden och WhatsApp: Om du inkluderar ett fält för telefonnummer kan kunder anmäla sig till påfyllningsaviseringar via textmeddelande, WhatsApp eller båda, beroende på vilka kanaler du väljer för fältet. Kunder måste ge ett uttryckligt samtycke för att ta emot reklammeddelanden via de valda kanalerna. Det här samtycket krävs och kan inte göras valfritt, och din informationstext måste finnas med.

När en kund skickar in formuläret loggar Klaviyo en Prenumererar på tillbaka i lager -händelse på kundens profil. För att skicka återfyllnadsaviseringar konfigurerar du ett tillbaka i lager-flöde som utlöses av det här mättalet, med en Tillbaka i lager -fördröjning före dina aviseringsmeddelanden. Kunder väntar vid den här fördröjningen tills produkten uppfyller dina inställningar för lagerstatusen tillbaka i lager och aviseringar. Ställ in aviseringarna på Live så att de skickas automatiskt.

Observera att A/B-testning och icke-traditionella metoder för sms- och WhatsApp-anmälan (t.ex. Smart Opt-in och tap-to-text) inte stöds för tillbaka i lager-formulär.

Ta bort befintligt kodsnippet för tillbaka i lager

Om du tidigare installerade Klaviyos kodsnippet för tillbaka i lager måste du först ta bort det för att förhindra dubbla knappar eller formulär.

Expandera avsnittet för din butiksplattform för att se hur du tar bort koden. Om du är osäker på vilket skript eller vilken kod du ska ta bort kan du kontakta din utvecklare eller titta i dina ursprungliga installationsanteckningar.

Om du inte har lagt till någon tillbaka i lager-kod tidigare kan du hoppa vidare till nästa avsnitt om att skapa ditt tillbaka i lager-formulär.

Ta bort tillbaka i lager-kod från en Shopify-webbplats
  1. I din Shopify-administratör går du till Webbutik > Teman.
  2. Bredvid ditt publicerade tema klickar du på menyn för fler alternativ (3 punkter) och väljer sedan Redigera kod.
  3. Öppna theme.liquid-filen.
  4. Använd genvägen för att söka (Command+F på Mac eller Control+F på Windows) för att söka efter ordet ”backinstock” i filen.
  5. Hitta och ta bort följande kodsnippet:
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. Klicka på Spara.
  2. Gå tillbaka till din webbplats och uppdatera en produktsida för en vara som är slut i lager. Verifiera att knappen ”Meddela mig” inte längre visas.

Ta bort tillbaka i lager-kod från en BigCommerce-webbplats

  1. Gå till Storefront > Script Manager i din BigCommerce-admin.
  2. Leta efter eventuella skript som är relaterade till Klaviyos tillbaka i lager-funktion. De här skripten kan ha ett namn som ”Klaviyo tillbaka i lager” eller vara märkta utifrån din tidigare installation.
  3. Bredvid skriptet klickar du på menyn för ytterligare alternativ (3 punkter) och väljer Ta bort för att ta bort skriptet.

Om du ursprungligen klistrade in Klaviyo-koden för tillbaka i lager direkt i en temafil (t.ex. i footer.html), måste du ta bort koden därifrån manuellt. Gör så här: gå till Storefront > Themes > Edit Theme Files, hitta filen som innehåller skriptet och ta bort kodsnippet.

  1. Spara dina ändringar.
  2. Gå tillbaka till din webbplats och uppdatera en produktsida för en vara som är slut i lager. Verifiera att knappen ”Meddela mig” inte längre visas.


Skapa ett tillbaka i lager-formulär

Du kan bara ha ett formulär för tillbaka i lager i ditt Konto åt gången, oavsett om det är publicerat eller i utkastläge. Om det redan finns ett formulär för tillbaka i lager måste du ta bort det innan du skapar ett nytt.

  1. I Klaviyos huvudnavigering väljer du fliken registreringsformulär.
  2. Klicka på Skapa formulär.
  3. Skriv ”tillbaka i lager” i sökfältet och välj en färdigbyggd Tillbaka i lager -mall att anpassa.
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.
  • Om du vill börja med ett tomt formulär i stället för en mall klickar du på Skapa tomt formulär. Om väljaren kanal visas väljer du Webb. Välj tillbaka i lager (endast popupfönster) som formulärtyp.
  1. Ange ett namn för ditt formulär och välj listorna för kampanjregistreringar som samlas in via formulärets fält för e-post och telefonnummer. För ett tomt formulär väljer du E-post, textmeddelande eller båda och väljer en lista för varje valt alternativ. Du konfigurerar WhatsApp i fältet för telefonnummer i redigeraren.
  2. Klicka på Skapa formulär om du valde en mall, eller Spara och designa om du började från ett tomt formulär, för att öppna redigeraren.
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. Välj steget knappen Produktvisning i menyraden. Observera att detta alltid måste vara formulärets första steg och att det inte kan tas bort.
  2. I redigeringsmenyn till vänster väljer du var knappen ska visas på dina produktsidor:
    • Ersätt knappen Lägg i varukorgen: Knappen ”Meddela mig” ersätter knappen ”Lägg i varukorgen” för artiklar som är slut i lager.
    • Staplad: Knappen "Meddela mig" visas under knappen "Lägg i varukorg" (när den visas som "Slutsåld").
Product display button settings with options to replace or stack the
Product display button settings with options to replace or stack the

Om du vill placera knappen ”Notify me” på en annan plats kan du läsa avsnittet nedan om hur du använder klaviyo-bis-trigger för anpassad knappplacering.

  1. Använd alternativen för Text, Knappstil, Kantlinjeoch Skugga för att uppdatera etiketten och stilen för knappen ”Meddela mig”.
  2. Välj det första steget för samtycke, till exempel E-postsamtycke, och öppna Stilar för att justera färger, teckensnitt och layout så att formuläret matchar ditt varumärke.
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. Granska varje återstående steg för samtycke och steget Lyckades genom att välja det i menyraden. Klicka på enskilda text- eller inmatningsblock för att redigera deras innehåll och inställningar efter behov.

Varje indatasteg måste innehålla minst 1 indatafält för e-post eller telefonnummer. Om ett steg har båda kan du ta bort 1. Om ett steg bara har 1 av de 2 inmatningarna kan det inte tas bort från det steget. Du kan däremot ta bort hela steget om du bara vill samla in 1 kanal. Samtycke till e-postmarknadsföring är valfritt och kan tas bort.

  1. Om ditt formulär innehåller ett telefonnummerfält väljer du det och ställer in kanal på textmeddelande, WhatsApp eller WhatsApp och textmeddelande. Slutför konfigurationen för de valda kanalerna innan du publicerar och granska informationstexten för dessa kanaler.
  2. Endast Shopify (valfritt): För att styra var knappen ”Notify me” visas går du till Målgruppsinriktning och beteende > Målgruppsinriktning och använder Shopify-etiketter för att inkludera eller exkludera specifika produkter som knappen ska visas för.
BiS12.jpg
BiS12.jpg
  1. När du är nöjd med formuläret klickar du på Publicera eller schemalägg och klickar sedan på Publicera nu för att publicera det. När formuläret är publicerat visas din knapp för produktvisning för slut variationer som matchar dina inriktningsinställningar.
  2. När du har publicerat, bekräfta att du har ett tillbaka i lager-flöde för att skicka aviseringar. Om du inte tidigare har avfärdat den visas en uppmaning som hjälper dig att konfigurera ett.
  • Om du redan har ett tillbaka i lager-flöde som utlöses av Prenumerera på tillbaka i lager behöver du inte skapa ett till. Bekräfta att den innehåller en fördröjning för tillbaka i lager och att dess aviseringar är Aktiva så att de skickas automatiskt. Om uppmaningen visas klickar du på Avvisa.
  • Om du inte har ett tillbaka i lager-flöde klickar du på Avsluta och skapa flöde när uppmaningen visas och följer sedan Så här bygger du ett tillbaka i lager-flöde. Om uppmaningen inte visas följer du samma guide för att skapa flödet.
Modal with the message
Modal with the message

Analys för tillbaka i lager-formulär

När du har publicerat ditt formulär går du till Registreringsformulär, öppnar menyn med tre punkter bredvid ditt formulär för tillbaka i lager och väljer Analys.

Du kan övervaka mättal för ditt formulär för tillbaka i lager på dess analyssida, inklusive Skickade tillbaka i lager-formulär och marknadsföringssamtycken. Insändningsfrekvensen är antalet inskickade formulär för tillbaka i lager dividerat med antalet formulärvisningar. Marknadsföringssamtycke mäts separat.

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.

Den här sidan innehåller även diagram över formulärets data per steg och per datainsamlingstyp:

  • Engagemang: Detta avser tillbaka i lager-prenumerationer (t.ex. när en kund registrerar sig för e-postaviseringar om att varan är tillbaka i lager).
  • Godkännanden för marknadsföring: Detta syftar på när kunder ger sitt samtycke till att ta emot kampanjmeddelanden, antingen genom att kryssa i rutan för att få e-post om marknadsföring eller genom att skicka in ett telefonnummer med det samtycke som krävs för kampanjer via textmeddelanden, WhatsApp eller båda.

Felsökning för tillbaka i lager

Om din tillbaka i lager-upplevelse inte fungerar som förväntat kan du granska följande vanliga problem.

Knappen ”Meddela mig” visas inte eller är inte på rätt plats

Om knappen "Meddela mig" saknas på din produktsida eller om du vill konfigurera den så att den visas på en annan, anpassad plats kan du manuellt styra dess placering med CSS-klassen klaviyo-bis-trigger.

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

Lägg till exempelslementet på den plats där du vill ha knappen ”Notify me”, eller lägg till klassen klaviyo-bis-trigger till ett befintligt element där. Med Ersätt knappen Lägg i varukorg döljer Klaviyo det elementet och visar knappen i stället. Med Staplad visar Klaviyo knappen efter det elementet. Det här kan hjälpa med ett anpassat eller icke-standardtema men det löser inte alltid problemet med en saknad knapp. Om du har problem med att konfigurera en anpassad knappplacering kan du rådfråga din utvecklare.

Kompatibilitet med Shopifys inställning ”Fortsätt sälja när slut i lager”

Klaviyos funktion för tillbaka i lager fungerar inte med Shopifys inställning ”Fortsätt sälja när det är slut i lager”. Om den här inställningen är aktiverad visas produkten alltid som tillgänglig, även med noll i lager. Som ett resultat:

  • Knappen ”Meddela mig” och formuläret för tillbaka i lager kommer inte att visas.
  • Inga e-postmeddelanden om tillbaka i lager skickas, eftersom Klaviyo inte kan upptäcka när lagret fylls på för att utlösa flödet.

För att använda Klaviyos funktion för tillbaka i lager, se till att ”Fortsätt sälja när slut i lager” är inaktiverat för de produkterna.

Använder du Retina-temat?

Retina-temat (från Out of the Sandbox) levereras med ett "Meddela mig"-formulär inbyggt i produktsidan. Du måste inaktivera standardknappen som medföljer ditt tema för att Klaviyo-koden ska fungera.

Använder du ett tema som döljer en produkt om alla varianter är slutsålda?

Om ditt tema Shopify döljer en produkt när alla varianter är slutsålda måste du identifiera detta område i koden i filen product.liquid och redigera den så att alla produkter visas, oavsett lagernivå.

Ytterligare resurser

  • Så bygger du ett tillbaka i lager-flöde

    Lär dig hur du bygger ett Klaviyo tillbaka i lager-flöde för att avisera kunder om lager om du använder plattformarna Shopify, BigCommerce, Magento 2, PrestaShop, SFCC eller Shopware, eller om du har en lagermedveten katalog synkroniserad via anpassat katalogflöde eller API.

  • Förstå hur flöden för tillbaka i lager fungerar

    Läs mer om hur flöden för tillbaka i lager fungerar, hur kontakter rör sig genom dem och hur de skiljer sig från de flesta andra flöden som utlöses av mättal. De har till exempel komponenten för fördröjning av tillbaka i lager, som är unik för den här typen av flöde.

  • Så använder du sms i ditt tillbaka i lager-flöde

    Lär dig hur du använder sms i dina tillbaka i lager-flöden med Klaviyo.

Var den här artikeln till hjälp?
Använd endast detta formulär för feedback på artiklar. Lär dig hur du kontaktar support.

Utforska mer från Klaviyo

Community
Få kontakt med kollegor, partner och Klaviyo-experter för att hitta inspiration, dela insikter och få svar på alla dina frågor.
Partners
Anlita en Klaviyo-certifierad expert för att hjälpa dig med en specifik uppgift eller för löpande marknadsföringshantering.
Support

Få tillgång till support via ditt konto.

E-postsupport (gratis provperiod och betalkonton) Tillgänglig dygnet runt, alla dagar i veckan

Chatt/virtuell hjälp
Tillgängligheten varierar beroende på plats och abonnemangstyp