Zo stel je een weer op voorraad-formulier in

Lees hoe je een aanmeldingsformulier voor weer op voorraad voor je online winkel instelt en aanpast. Met de formuliereditor van Klaviyo kun je zowel de knop "Stel me op de hoogte" aanpassen die verschijnt wanneer een product op je site niet op voorraad is, als het formulier dat je klanten gebruiken om zich aan te melden voor weer op voorraad-meldingen via e-mail, tekstberichten en WhatsApp.

Voordat je van start gaat

Formulieren voor weer op voorraad zijn alleen beschikbaar voor Shopify en BigCommerce. Als je een ander platform gebruikt, raadpleeg dan in plaats daarvan onze installatiehandleiding voor de weer op voorraad-flow.

In dit artikel leer je hoe je:

• Verwijder bestaande Klaviyo-code voor weer op voorraad uit je Shopify- of BigCommerce-winkel (indien van toepassing).
• Je knop en aanmeldingsformulier voor weer op voorraad inschakelen en aanpassen

Hoe het 'weer op voorraad'-formulier werkt op je webshop

Nadat je een weer op voorraad-formulier publiceert, toont Klaviyo automatisch een aanpasbare knop "Breng me op de hoogte" op elke productpagina waar de voorraad is uitverkocht. Je kunt deze knop aanpassen in de formuliereneditor, naast het formulier zelf. De knop verschijnt en verdwijnt automatisch op basis van je productvoorraad.

Wanneer een shopper op de knop "Houd me op de hoogte" klikt, verschijnt je formulier. Hierin kan diegene kiezen hoe diegene op de hoogte wil worden gebracht wanneer het product weer beschikbaar is, afhankelijk van hoe je je formulier hebt geconfigureerd:

• E-mail: als je een e-mailveld toevoegt, kunnen shoppers hun e-mailadres invoeren om een aanvulmelding per e-mail te ontvangen. Je kunt ook een optioneel selectievakje toevoegen zodat shoppers zich kunnen aanmelden om promotionele marketingmails te ontvangen.
• Tekstberichten en WhatsApp: Als je een veld voor een telefoonnummer toevoegt, kunnen shoppers hun telefoonnummer invoeren om een weer op voorraad-melding via een tekstbericht te ontvangen. Om deze tekstberichten te ontvangen, moeten shoppers expliciet toestemming geven om promotionele tekstberichten te ontvangen. Deze toestemming is vereist en kan niet optioneel worden gemaakt, en je disclosure-tekst moet aanwezig zijn.

Nadat een shopper het formulier heeft ingediend, logt Klaviyo een Aangemeld voor Back In Stock-event op het profiel. Deze gebeurtenis wordt gebruikt om je weer op voorraad-flow te triggeren. Shoppers die zich aanmelden, komen automatisch in de flow en ontvangen een melding wanneer het product weer op voorraad is.

Let op: A/B-testen en niet-traditionele sms- en WhatsApp-opt-inmethoden (bijv. Smart Opt-in en tap-to-text) worden niet ondersteund voor weer op voorraad-formulieren.

Verwijder het bestaande codefragment voor weer op voorraad

Als je eerder Klaviyo’s codefragment voor weer op voorraad hebt geïnstalleerd, moet je het eerst verwijderen om dubbele knoppen of formulieren te voorkomen.

Klik op een van de pijlen hieronder om het gedeelte hieronder uit te vouwen voor instructies over het verwijderen van de code uit je winkelplatform. Als je niet zeker weet welk script of welke code je moet verwijderen, neem dan contact op met je ontwikkelaar of raadpleeg je oorspronkelijke installatie-notities.

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

Een weer-op-voorraad-formulier maken

1. Selecteer in de hoofdnavigatie van Klaviyo het tabblad aanmeldingsformulier.
2. Klik op Formulier maken.
3. Typ in de zoekbalk "weer op voorraad" en selecteer een vooraf gebouwde Weer op voorraad -template om aan te passen.
   

• Als je liever begint met een leeg formulier, klik je op Een leeg formulier bouwen en kies je vervolgens weer op voorraad als het formuliertype.

4. Kies naar welke lijst(en) je e-mail-, sms- en WhatsApp-aanmeldingen wilt verzamelen.
5. Klik op Formulier maken.
   

6. Selecteer de stap Knop voor productweergave in de menubalk. Let op: dit moet altijd de eerste stap van het formulier zijn en kan niet worden verwijderd.
7. Kies in het bewerkingsmenu aan de linkerkant waar de knop op je productpagina's moet verschijnen:
9. • Knop Toevoegen aan winkelwagen vervangen: de knop "Laat het me weten" vervangt de knop "Toevoegen aan winkelwagen" voor items die niet op voorraad zijn.
   • Gestapeld: De knop "Stel me op de hoogte" verschijnt onder de knop "Toevoegen aan winkelwagen" (wanneer deze wordt weergegeven als "Uitverkocht").
     

1. Gebruik de opties voor Tekst, Knopstijl, Rand en Schaduw om het label en de opmaak van de knop "Breng me op de hoogte" bij te werken.
2. Ga naar de stap E-mailopt-in en gebruik het menu Stijlen om kleuren, lettertypen en de lay-out aan te passen, zodat je formulier bij je merk past.
   

3. Pas de styling toe op elke volgende stap in je formulier, zoals sms-opt-in- of Succes-stappen, door op elke stap in de menubalk te klikken en stap 9 te herhalen.

1. Alleen Shopify (optioneel): Ga naar Targeting and behavior > Targeting om te bepalen waar de knop "Breng me op de hoogte" wordt weergegeven en gebruik Shopify-tag om specifieke producten op te nemen of uit te sluiten waarvoor de knop moet worden weergegeven.
   

2. Als je tevreden bent met je formulier, klik je op Publiceren om het live te zetten. Zodra je formulier live staat, verschijnt je knop voor productweergave automatisch wanneer een item op je site niet meer op voorraad is.
3. Na het publiceren zie je in het modale venster voor de publicatiebevestiging een prompt om je weer op voorraad-flow in te stellen.

• Als je al een weer op voorraad-flow hebt ingesteld met de meetwaarde Aanmelden voor weer op voorraad als trigger, gaat die automatisch werken met je nieuwe weer op voorraad-formulier. Je hoeft geen nieuwe te maken; klik op Negeren.
• Zo niet, klik dan op Afsluiten en flow maken en ga vervolgens naar onze gids over Hoe je een flow voor weer op voorraad instelt.

Analytics voor formulieren voor weer op voorraad

Je kunt meetwaarden voor je weer op voorraad-formulier volgen op de analysepagina, waaronder Weer op voorraad-inzendingen en Marketingopt-ins. Let op: de Inzendingspercentage wordt berekend op basis van het aantal weer op voorraad-abonnementen, niet op basis van marketingtoestemming.

Deze pagina bevat ook grafieken van de gegevens van het formulier per stap en per type gegevensverzameling:

• Betrokkenheid: Dit verwijst naar weer op voorraad-abonnementen (bijv. wanneer een shopper zich aanmeldt voor e-mailmeldingen voor opnieuw op voorraad).
• Marketing-opt-ins: Dit verwijst naar wanneer shoppers toestemming geven om promotionele berichten te ontvangen, door het selectievakje voor marketing-e-mailopt-in aan te vinken of door een telefoonnummer in te dienen, aangezien tekstwaarschuwingen altijd toestemming voor promotionele sms vereisen.

Problemen met weer op voorraad oplossen

Als je weer op voorraad-ervaring niet werkt zoals verwacht, bekijk dan de volgende veelvoorkomende problemen.

De knop "Breng me op de hoogte" wordt niet weergegeven of staat niet op de juiste locatie

Als de knop "Notify me" ontbreekt op je productpagina of je deze wilt configureren zodat deze op een andere, aangepaste locatie verschijnt, kun je de plaatsing handmatig beheren met behulp van het HTML-attribuut klaviyo-bis-trigger.

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

Voeg dit attribuut toe aan het specifieke HTML-element waar je de knop "Geef me een melding" wilt laten weergeven, en Klaviyo toont de knop vervolgens op die locatie in plaats van op de standaardlocatie. Deze oplossing kan handig zijn als je een aangepast of niet-standaard thema gebruikt; het lost echter niet altijd een probleem met een ontbrekende knop op. Als je problemen hebt met het configureren van een aangepaste knoplocatie, neem dan contact op met je developer.

Compatibiliteit met de Shopify-instelling “Doorgaan met verkopen wanneer niet op voorraad”

Klaviyo's weer op voorraad-functies werken niet met de Shopify-instelling "Doorgaan met verkopen wanneer niet op voorraad". Als deze instelling is ingeschakeld, wordt het product altijd als beschikbaar weergegeven, zelfs met nul voorraad. Als gevolg:

• De knop "Melding" en het formulier weer op voorraad worden niet weergegeven.
• Er worden geen weer op voorraad-e-mails verstuurd, omdat Klaviyo niet kan detecteren wanneer de voorraad is aangevuld om de flow te activeren.

Als je Klaviyo’s functie weer op voorraad wilt gebruiken, zorg je ervoor dat “Doorgaan met verkopen wanneer niet op voorraad” is uitgeschakeld voor die producten.

Gebruik je het Retina-thema?

Het Retina-thema (van Out of the Sandbox) heeft standaard een 'Laat het me weten'-formulier op de productpagina. Je moet de standaardknop van je thema uitschakelen om te zorgen dat de code van Klaviyo werkt.

Gebruik je een thema dat een product verbergt als alle varianten zijn uitverkocht?

Als je Shopify-thema een product verbergt wanneer alle varianten zijn uitverkocht, moet je dit gedeelte van de code in je product.liquid-bestand identificeren en bewerken om alle producten weer te geven, ongeacht het voorraadniveau.

Extra hulpbronnen