Så här skapar du ett tillbaka i lager-formulär

Förväntad lästid: 8 minut(er)

Uppdaterad 6 aug. 2025 14:56 EST

Lär dig hur du ställer in och anpassar ett tillbaka i lager registreringsformulär för din webbutik. Med hjälp av Klaviyo:s formulärredigerare kan du anpassa både "Notify me"-knappen som visas när en produkt på din webbplats är slut i lager, och formuläret som din kund använder för att Registrera dig för tillbaka i lager aviseringar via e-post eller sms.

Innan du börjar

Tillbaka i lager-blanketter finns endast för Shopify och BigCommerce. Om du använder en annan plattform, se vår installationsguide för Tillbaka i lager flöde istället.

I den här artikeln lär du dig hur du:

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

Hur tillbaka i lager-formuläret fungerar i din butik

När du har publicerat ett tillbaka i lager-formulär visar Klaviyo automatiskt en anpassningsbar "Notify me"-knapp på alla produktsidor där lagret är slut. Du kan anpassa den här knappen i formulärredigeraren, vid sidan av själva formuläret. Knappen visas och försvinner automatiskt baserat på din produktinventering.

När en kund klickar på knappen "Meddela mig" visas ditt formulär där kunden kan välja hur han eller hon vill bli meddelad när produkten finns tillgänglig igen, beroende på hur du har konfigurerat formuläret:

e-post: Om du inkluderar ett e-postfält kan kunderna ange sin e-postadress för att få en varning om påfyllning via e-post. Du kan också lägga till en valfri kryssruta där kunderna kan välja att få e-post med marknadsföringsmaterial.
textmeddelanden: Om du har ett fält för telefonnummer kan kunderna ange sitt telefonnummer för att få en varning om påfyllning via textmeddelande. För att få dessa sms-meddelanden måste kunderna ge sitt uttryckliga samtycke till att få sms-meddelanden med reklam. Detta samtycke är obligatoriskt och kan inte göras frivilligt, och ditt informationsspråk måste finnas med.

När en kund har skickat in formuläret loggar Klaviyo en prenumerera på Back In Stock-händelsenpå kundens profil. Denna händelse används för att trigga din tillbaka i lager flöde. Köpare som prenumererar kommer automatiskt med i flödet och får ett meddelande när produkten återkommer i lager.

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

Ta bort befintligt tillbaka i lager kodsnippet

Om du tidigare har installerat Klaviyo's tillbaka i lager kodsnippet måste du först ta bort det för att förhindra dubbla knappar eller formulär.

Klicka på en av pilarna nedan för att expandera avsnittet nedan för instruktioner om hur du tar bort koden från din butiksplattform. Om du är osäker på vilket skript eller vilken kod du ska ta bort, kontakta din utvecklare eller se de ursprungliga installationsanvisningarna.

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

Ta bort koden för tillbaka i lager från en Shopify webbplats

I din Shopify Administratör, gå till webbutik > Teman.
Klicka på menyn Ytterligare alternativ (3 prickar) bredvid ditt publicerade tema och välj sedan Redigera kod.
Öppna theme.liquid-filen.
Använd genvägen Sök (Command+F på Mac eller Control+F på Windows) för att söka efter ordet "backinstock" i filen.

Hitta och ta bort följande kodsnippet:

<script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var Klaviyo = Klaviyo || [];
    Klaviyo {
      account: "PUBLIC_API_KEY",
      platform: "shopify"
    }.init();
    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: "Registrera dig för att få ett meddelande när den här artikeln kommer tillbaka i lager.",
     email_field_label: "Email",
 button_label: "Meddela mig när den är tillgänglig",
 subscription_success_label: "Du är inne! Vi meddelar dig när den är tillbaka.",
     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>

Klicka på Spara.
Gå tillbaka till din webbplats och uppdatera en produktsida för en artikel som är slut i lager. Kontrollera att knappen "Notify me" inte längre är synlig.

Ta bort koden för tillbaka i lager från en BigCommerce webbplats

I din BigCommerce admin, gå till Storefront > Script Chef.
Leta efter alla skript relaterade till Klaviyo's tillbaka i lager funktioner. Dessa skript kan ha ett namn som "Klaviyo tillbaka i lager" eller vara märkta i enlighet med din tidigare installation.
Klicka på menyn Ytterligare alternativ (3 prickar) bredvid skriptet och välj Ta bort för att ta bort skriptet.

Om du ursprungligen klistrade in koden Klaviyo tillbaka i lager direkt i en temafil (t.ex. i footer.html), måste du manuellt ta bort koden därifrån. Detta gör du genom att gå till Storefront > Themes > Edit Theme Files, leta reda på filen som innehåller skriptet och ta bort kodsnippet.
Spara dina ändringar.
Gå tillbaka till din webbplats och uppdatera en produktsida för en artikel som är slut i lager. Kontrollera att knappen "Notify me" inte längre är synlig.

Skapa ett tillbaka i lager-formulär

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

I Klaviyo:s huvudnavigering väljer du fliken registreringsformulär.
Klicka på Skapa formulär.
I sökfältet skriver du "tillbaka i lager" och väljer en färdigbyggd tillbaka i lager galleria att anpassa.
- Om du hellre vill börja med ett tomt formulär klickar du på Bygg ett tomt formulär och väljer sedan tillbaka i lager som formulärtyp.
Välj vilken/vilka listor du vill samla e-post och sms Registrera dig till.
Klicka på Skapa formulär.
Välj knappsteget Produktvisning i menyraden. Observera att detta alltid måste vara det första steget i formuläret och att det inte kan tas bort.
I redigeringsmenyn till vänster väljer du var knappen ska visas på dina produktsidor:
- Ersätt knappen Lägg till i kundvagn: Knappen "Notify me" ersätter knappen "Add to Cart" för artiklar som är slut i lager.
- Staplad: Knappen "Notify me" visas under knappen "Add to Cart" (när den visas som "Sold Out").
Om du vill placera knappen " "" (Meddela mig om" ) på en annan plats, se avsnittet nedan om hur du använder " Klaviyo-bis-utlösare" för att placera knappen där du vill.
Använd alternativen för Text, Knappstil, Kant och Slagskugga för att uppdatera etiketten och stilen på knappen "Meddela mig".
Byt till e-post opt-in-steget och använd menyn Styles för att justera färger, teckensnitt och layout så att formuläret matchar ditt varumärke.
Tillämpa stylingen på varje efterföljande steg i ditt formulär, t.ex. sms-opt-in eller Success-steg, genom att klicka på varje steg i menyraden och upprepa steg 9.

Varje inmatningssteg måste innehålla minst 1 e-post eller sms indatafält. Om ett steg har båda, kan du ta bort 1. Om ett steg endast har 1 av de 2 ingångarna kan den inte tas bort från det steget. Du kan dock ta bort hela steget om du bara vill samla in 1 kanal. Samtycke till e-postmarknadsföring är frivilligt och kan tas bort.
Shopify " endast (valfritt): För att styra var knappen " "" (Meddela mig om liknande produkter) visas, gå till "Targeting and behavior" (Inriktning och beteende) > Targeting och använd etiketten "Shopify " för att inkludera eller exkludera specifika produkter för vilka knappen ska visas.
När du är nöjd med formuläret klickar du på Publish för att aktivera det. När ditt formulär är live kommer din produktvisningsknapp automatiskt att visas när en artikel på din webbplats tar slut i lager.
När du har publicerat kommer du att se en uppmaning i bekräftelsemodalen för publicering att ställa in din tillbaka i lager flöde.

Om du redan har ett tillbaka i lager flöde uppsatt med prenumerera till tillbaka i lager mättal som trigger, kommer det att börja fungera med ditt nya tillbaka i lager formulär automatiskt. Du behöver inte skapa en ny, klicka på Dismiss.
Om inte, klicka på Avsluta och skapa flöde och gå sedan vidare till vår guide om Hur du skapar en tillbaka i lager flöde.

Modal med meddelandet

analys för tillbaka i lager blanketter

Du kan övervaka mättal för ditt tillbaka i lager-formulär på dess analyssida, inklusive tillbaka i lager-submits och Marketing opt-ins. Notera att Submit rate beräknas utifrån antalet tillbaka i lager-prenumerationer, inte marknadsföringssamtycke.

analysera instrumentpanel som visar inlämningsfrekvens, tillbaka i lager inlämningar, opt-ins för marknadsföring och visat formulär mättal.

På denna sida finns även grafer över formulärets data per steg och per data insamlingstyp:

engagemang: Detta avser tillbaka i lager-prenumerationer (t.ex. när en kund Registrera dig för e-postmeddelanden om påfyllning).
Opt-in för marknadsföring: Detta avser när kunderna ger sitt samtycke till att ta emot reklammeddelanden, antingen genom att markera opt-in-rutan för e-postmarknadsföring eller genom att ange ett telefonnummer, eftersom sms-meddelanden alltid kräver reklam-samtycke.

Felsökning tillbaka i lager

Om din upplevelse av Tillbaka i Lager inte fungerar som förväntat, se över följande vanliga problem.

"-knappen "Meddela mig" (" ) visas inte eller är inte på rätt plats.

Om knappen " "" (Meddela mig om" ) 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 hjälp av HTML-attributet " Klaviyo-bis-utlösare ".

Lägg till detta attribut till den specifika HTML- element n där du vill att knappen " "" (Meddela mig om" ) ska visas, så kommer Klaviyo att visa knappen på den platsen istället för på standardplatsen. Denna lösning kan vara till hjälp om du använder ett anpassat eller icke-standardtema, men det löser inte alltid problemet med saknade knappar. Om du har problem med att konfigurera en anpassad knappplacering, kontakta din utvecklare.

Kompatibilitet med Shopify:s inställning "Fortsätt sälja när lagret är slut"

Klaviyotillbaka i lager funktioner fungerar inte med Shopify:s inställning "Fortsätt sälja när lagret är slut". Om den här inställningen är aktiverad visas produkten alltid som tillgänglig, även om den inte finns i lager. Som ett resultat av detta:

Knappen "Notify Me" och formuläret tillbaka i lager visas inte.
Ingen tillbaka i lager e-post kommer att skickas ut, eftersom Klaviyo inte kan upptäcka när lagret fylls på för att utlösa flödet.

För att använda Klaviyo's tillbaka i lager funktioner, se till att "Continue selling when out of stock" är inaktiverat för dessa produkter.

Använder du ett Retina-tema?

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

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.

Besök communityn

Live-utbildning

Delta i en livesession med Klaviyo-experter för att lära dig om bästa praxis, hur man konfigurerar viktiga funktioner och mer.

Registrera dig nu

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

Logga in