Lär dig hur du ställer in och anpassar ett registreringsformulär för tillbaka i lager för din webbutik. Med Klaviyos formulärredigerare 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-notiser via e-post, textmeddelanden och WhatsApp.

Innan du börjar

Formulär för tillbaka i lager är bara tillgängliga för Shopify och BigCommerce. Om du använder en annan plattform kan du i stället läsa vår installationsguide för flöde för tillbaka i lager.

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å alla produktsidor där lagersaldot är slut. 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 ange sitt telefonnummer för att få en åter i lager-avisering via textmeddelande. För att kunna få dessa textaviseringar måste kunder ge uttryckligt samtycke till att ta emot marknadsförande textmeddelanden. Det här samtycket krävs och kan inte göras valfritt, och din informations-/upplysningstext måste finnas med.

När en kund skickar in formuläret loggar Klaviyo en Prenumerera på Tillbaka i lager-händelse på deras profil. Den här händelsen används för att utlösa ditt tillbaka i lager-flöde. Kunder som prenumererar går automatiskt in i flödet och får en notis när produkten är tillbaka i lager.

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.

Klicka på en av pilarna nedan för att expandera avsnittet nedan och få instruktioner för 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 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 tillbaka i lager-formulär i ditt Konto åt gången, oavsett om det är publicerat eller i utkastläge. Om ett tillbaka i lager-formulär redan finns 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 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.
  1. Välj vilka listor du vill samla in registreringar för e-post, sms och WhatsApp till.
  2. Klicka på Skapa formulär.
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. Byt till steget Samtycke till e-post och använd menyn Stilar för att justera färger, typsnitt och layout så att ditt formulär 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. Tillämpa stylingen på varje efterföljande steg i ditt formulär, till exempel sms-anmälan eller Slutförd-steg, genom att klicka på varje steg i menyraden och upprepa steg 9.

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. 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 för att publicera det. När ditt formulär är live visas knappen för produktvisning automatiskt när en vara på din webbplats tar slut i lager.
  2. Efter publicering ser du en uppmaning i bekräftelsemodulen för publicering om att konfigurera ditt flöde för tillbaka i lager.
  • Om du redan har ett tillbaka i lager-flöde konfigurerat med mättalet Prenumerera på tillbaka i lager som utlösare börjar det automatiskt fungera med ditt nya tillbaka i lager-formulär. Du behöver inte skapa ett till; klicka på Avvisa.
  • Om inte klickar du på Avsluta och skapa flöde och går sedan till vår guide om Så här konfigurerar du ett flöde för tillbaka i lager.
Modal with the message
Modal with the message

Analys för tillbaka i lager-formulär

Du kan övervaka mättal för ditt tillbaka i lager-formulär på analyssidan, inklusive Skickade tillbaka i lager-formulär och Marknadsföringsanmälningar. Observera att Skickningsfrekvensen beräknas baserat på antalet tillbaka i lager-prenumerationer, inte marknadsföringssamtycke.

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).
  • Marknadsföringssamtycken: Detta avser när kunder ger sitt samtycke till att ta emot reklammeddelanden, antingen genom att markera kryssrutan för samtycke till e-postmarknadsföring eller genom att skicka in ett telefonnummer, eftersom sms-aviseringar alltid kräver samtycke till reklamsms.

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 styra dess placering manuellt med hjälp av HTML-attributet klaviyo-bis-trigger.

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

Lägg till det här attributet i det specifika HTML-element där du vill att knappen ”Meddela mig” ska renderas, och Klaviyo kommer sedan att visa knappen på den platsen i stället för standardplatsen. Den här lösningen kan vara till hjälp om du använder ett anpassat eller icke-standardtema, men den löser inte alltid ett problem med en saknad knapp. Om du har problem med att konfigurera en anpassad knappplacering kan du prata med 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

  • 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.

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