Leer hoe je een weer op voorraad aanmeldingsformulier voor je webshop kunt instellen en aanpassen. Met Klaviyo's formuliereditor kun je zowel de knop "Stel me op de hoogte" aanpassen die verschijnt als een product op je site niet meer op voorraad is, als het formulier dat je klant gebruikt om Aanmelden voor weer op voorraad meldingen via e-mail of sms te versturen.

Voordat je van start gaat

Voordat je van start gaat

weer op voorraad formulieren zijn alleen beschikbaar voor Shopify en BigCommerce. Als je een ander platform gebruikt, raadpleeg dan onze weer op voorraad flow installatiegids

In dit artikel leer je hoe je:

  • Verwijder een bestaande Klaviyo weer op voorraad code van je Shopify of BigCommerce zaak (indien van toepassing).
  • Je weer op voorraad knop en aanmeldingsformulier inschakelen en aanpassen
Hoe het weer op voorraad formulier werkt in je winkel

Hoe het weer op voorraad formulier werkt in je winkel

Nadat je een weer op voorraad formulier hebt gepubliceerd, geeft Klaviyo automatisch een aanpasbare "Waarschuw me" knop weer op elke productpagina waar de voorraad op is. Je kunt deze knop aanpassen in de formuliereditor, naast het formulier zelf. De knop verschijnt en verdwijnt automatisch op basis van je productvoorraad.

Als een shopper op de knop "Stel me op de hoogte" klikt, verschijnt je formulier waarmee ze kunnen kiezen hoe ze op de hoogte willen worden gesteld als het product weer beschikbaar is, afhankelijk van hoe je je formulier hebt geconfigureerd:

  • e-mail: Als je een e-mailveld toevoegt, kunnen kopers hun e-mailadres invoeren om een herbevoorradingswaarschuwing per e-mail te ontvangen. Je kunt ook een optioneel selectievakje toevoegen waarmee kopers kunnen aangeven dat ze reclamemarketinge-mails willen ontvangen.
  • tekstberichten: Als je een telefoonnummerveld toevoegt, kunnen kopers hun telefoonnummer invoeren om een herbevoorradingswaarschuwing per tekstbericht te ontvangen. Om deze sms-berichten te ontvangen, moeten kopers expliciet toestemming geven voor het ontvangen van promotionele tekstberichten. Deze toestemming is verplicht en kan niet optioneel worden gemaakt, en je openbaarmakingstaal moet aanwezig zijn.

Nadat een shopper het formulier heeft verzonden, registreert Klaviyo een aanmelding voor het Back In Stockevenement op hun profiel. Deze gebeurtenis wordt gebruikt om je weer op voorraad flow te activeren. Shoppers die zich aanmelden gaan automatisch naar flow en krijgen een melding als het product weer op voorraad is.

Merk op dat A/B-tests en niet-traditionele sms opt-in methoden (zoals Smart Opt-in en tap-to-text) niet worden ondersteund voor weer op voorraad formulieren.

Bestaand weer op voorraad codefragment verwijderen

Bestaand weer op voorraad codefragment verwijderen

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

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

Als je nog niet eerder een weer op voorraad code hebt toegevoegd, ga dan door naar het volgende gedeelte over het maken van je weer op voorraad formulier.

Verwijder weer op voorraad code van een Shopify site

Verwijder weer op voorraad code van een Shopify site

 

  1. Ga in je Shopify beheerder naar de webshop > Thema's.
  2. Klik naast je gepubliceerde thema op het menu Extra opties (3 puntjes) en selecteer Code bewerken.
  3. Open het bestand theme.liquid.
  4. Gebruik de sneltoets find (Command+F op Mac of Control+F op Windows) om het woord "backinstock" in het bestand te zoeken.
  5. Zoek en verwijder het volgende codefragment:

    <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: "Aanmelden om een melding te ontvangen wanneer dit artikel weer op voorraad is.",
         email_field_label: "Email",
         button_label: "Laat het me weten als dit weer op voorraad is",
         subscription_success_label: "Je bent aangemeld! We laten het je weten wanneer het weer op voorraad is.",
         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>
  6. Klik op Opslaan.
  7. Ga terug naar je website en vernieuw een productpagina voor een artikel dat niet op voorraad is. Controleer of de knop "Stel me op de hoogte" niet meer zichtbaar is.

 

Verwijder weer op voorraad code van een BigCommerce site

Verwijder weer op voorraad code van een BigCommerce site

 

  1. Ga in je BigCommerce admin naar Storefront > Scriptbeheer.
  2. Zoek naar scripts die gerelateerd zijn aan Klaviyo's weer op voorraad functies. Deze scripts kunnen een naam hebben als "Klaviyo weer op voorraad" of gelabeld zijn volgens je vorige installatie.
  3. Klik naast het script op het menu Extra opties (3 puntjes) en kies Verwijderen om het script te verwijderen.

    Als je de code Klaviyo weer op voorraad oorspronkelijk rechtstreeks in een themabestand hebt geplakt (bijvoorbeeld in footer.html), moet je de code daar handmatig verwijderen. Ga hiervoor naar Storefront > Thema's > Themabestanden bewerken, zoek het bestand met het script en verwijder het codefragment.

  4. Sla de wijzigingen op.
  5. Ga terug naar je website en vernieuw een productpagina voor een artikel dat niet op voorraad is. Controleer of de knop "Stel me op de hoogte" niet meer zichtbaar is.

 


 

Maak een formulier om weer op voorraad te komen

Maak een formulier om weer op voorraad te komen

Je kunt maar één weer op voorraad formulier tegelijk in je account hebben, of het nu gepubliceerd is of in conceptmodus staat. Als er al een weer op voorraad formulier bestaat, dan moet je dit verwijderen voordat je een nieuwe aanmaakt.

  1. Selecteer in Klaviyo's hoofdnavigatie het tabblad aanmeldingsformulier.
  2. Klik op Formulier maken.
  3. Typ in de zoekbalk "weer op voorraad" en selecteer een kant-en-klare weer op voorraad template om aan te passen.
    Drie weer op voorraad pop-upformuliersjabloon weergegeven voor selectie op de pagina Formulier maken.
    • Als je liever met een blanco formulier begint, klik dan op Een blanco formulier maken en kies dan weer op voorraad als formuliertype.
  4. Kies naar welke lijst(en) je e-mail en sms Aanmelden wilt verzamelen.
  5. Klik op Formulier maken.
    weer op voorraad In meerdere stappen pop-upformulier instellen met opties voor e-mail en sms abonneelijst.
  6. Selecteer de knopstap Productweergave in de menubalk. Merk op dat dit altijd de eerste stap van het formulier moet zijn en niet verwijderd kan worden.
  7. Kies in het bewerkingsmenu aan de linkerkant waar de knop op je productpagina's moet verschijnen:

    • Knop Toevoegen aan winkelwagentje vervangen: De knop "Stel me op de hoogte" vervangt de knop "Toevoegen aan winkelwagentje" voor artikelen die niet op voorraad zijn.
    • Gestapeld: De knop "Stel me op de hoogte" verschijnt onder de knop "Toevoegen aan winkelwagentje" (wanneer het wordt weergegeven als "Uitverkocht").
      Knopinstellingen voor productweergave met opties voor het vervangen of stapelen van de

     

    Indien u de knop ' "' (Meld mij" ) op een andere locatie wilt plaatsen, raadpleeg dan het onderstaande gedeelte over het gebruik van 'Klaviyo-bis-triggeren' voor het plaatsen van aangepaste knoppen.

     

  8. Gebruik de opties voor Tekst, Knopstijl, Rand en Slagschaduw om het label en de vormgeving van de knop "Notify me" te update.
  9. Ga naar de e-mail opt-in stap en gebruik het menu Styles om kleuren, lettertypen en indeling aan te passen zodat je formulier bij je merk past. 
    weer op voorraad formulier editor met opties voor het aanpassen van de stijl en een voorbeeld van de e-mail opt-in popup.
  10. Pas de styling toe op elke volgende stap in je formulier, zoals sms opt-in of Success stappen, door op elke stap in de menubalk te klikken en stap 9 te herhalen.

    Elke invoerstap moet minstens 1 e-mail of sms invoerveld bevatten. Als een stap beide heeft, kun je er 1 verwijderen. Als een stap slechts 1 van de 2 ingangen heeft, kan deze niet uit die stap worden verwijderd. Je kunt echter de hele stap verwijderen als je maar 1 kanaal wilt verzamelen. Toestemming voor e-mailmarketing is optioneel en kan worden verwijderd.

  11. Shopify Alleen (optioneel): om te bepalen waar de knop ' "' ('Ik wil deze aanbieding nu ontvangen') en '" ' ('Ik wil deze aanbieding nu ontvangen') worden weergegeven, gaat u naar 'Targeting en gedrag' ('Targeting and behavior') > Targeting en gebruikt u de tag 'Shopify ' ('Targeting op productnaam') om specifieke producten waarvoor de knop moet worden weergegeven, op te nemen of uit te sluiten. 
     BiS12.jpg
  12. Als je tevreden bent met je formulier, klik je op Publiceren om het live te zetten. Zodra je formulier live is, verschijnt je knop voor productweergave automatisch wanneer een artikel op je site niet meer op voorraad is.
  13. Na het publiceren zie je een vraag in de bevestigingsmodal om je weer op voorraad flow in te stellen.
  • Als je al een weer op voorraad flow hebt ingesteld met het aanmelden bij weer op voorraad meetwaarde als trigger, dan zal deze automatisch beginnen te werken met je nieuwe weer op voorraad formulier. Je hoeft geen nieuwe aan te maken; klik op Dismiss.
  • Als dat niet het geval is, klik je op Afsluiten en maak je flowaan. Ga vervolgens naar onze gids over Hoe stel ik een weer op voorraad flowin?

Modaal met het bericht

analyses voor weer op voorraad formulieren

analyses voor weer op voorraad formulieren

Je kunt in de gaten houden meetwaarde voor je weer op voorraad formulier op de analysepagina, inclusief weer op voorraad inzendingen en Marketing opt-ins. Merk op dat het Submit rate wordt berekend op basis van het aantal weer op voorraad inschrijvingen, niet op basis van marketingtoestemming.


analyses dashboard met submitpercentage, weer op voorraad submits, marketing opt-ins en bekeken formulier meetwaarde.

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

  • betrokkenheid: Dit verwijst naar weer op voorraad abonnementen (bijvoorbeeld wanneer een shopper Aanmelden voor e-mail restock alerts).
  • Marketing opt-ins: Hiervan is sprake als kopers toestemming geven om reclameberichten te ontvangen, door het marketing e-mail opt-in vakje aan te vinken of door een telefoonnummer op te geven, aangezien sms-waarschuwingen altijd een promotionele toestemming voor sms vereisen.
Problemen oplossen weer op voorraad

Problemen oplossen weer op voorraad

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

De knop ' "' (Op de hoogte houden van dit product) of '" ' (Op de hoogte blijven van dit product) wordt niet weergegeven of bevindt zich niet op de juiste locatie.

De knop ' "' (Op de hoogte houden van dit product) of '" ' (Op de hoogte blijven van dit product) wordt niet weergegeven of bevindt zich niet op de juiste locatie.

Indien de knop ' "' (Meld mij" ) ontbreekt op uw productpagina of indien u deze op een andere, aangepaste locatie wilt weergeven, kunt u de plaatsing ervan handmatig aanpassen met behulp van het HTML-attribuut 'Klaviyo-bis-triggeren '. 

" Voeg dit kenmerk toe aan het specifieke HTML-element waar u de knop ' "' ('Ik wil op de hoogte worden gehouden van nieuwe artikelen in deze categorie') wilt weergeven. Klaviyo zal de knop dan op die locatie weergeven in plaats van op de standaardlocatie. Deze oplossing kan nuttig zijn als u een aangepast of niet-standaard thema gebruikt; het lost echter niet altijd het probleem van een ontbrekende knop op. Indien u problemen ondervindt bij het configureren van een aangepaste knoplocatie, raadpleeg dan uw ontwikkelaar.

Compatibiliteit met Shopify's "Doorgaan met verkopen als voorraad op is" instelling

Compatibiliteit met Shopify's "Doorgaan met verkopen als voorraad op is" instelling

KlaviyoDe weer op voorraad functies werken niet met de instelling Shopify"Doorgaan met verkopen als voorraad op is". Als deze instelling is ingeschakeld, verschijnt het product altijd beschikbaar, zelfs als de voorraad nul is. Met als resultaat:

  • De "Notify Me" knop en het weer op voorraad formulier verschijnen niet.
  • Er wordt geen weer op voorraad e-mail verstuurd, omdat Klaviyo niet kan detecteren wanneer de voorraad is aangevuld om de flow te activeren.

Om Klaviyo's weer op voorraad functies te gebruiken, moet je ervoor zorgen dat "Doorgaan met verkopen wanneer niet op voorraad" is uitgeschakeld voor die producten.

Gebruik je een Retina-thema?

Gebruik je een Retina-thema?

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

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

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

Als je Shopify-thema een product verbergt wanneer alle variaties 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

Extra hulpbronnen

Was dit artikel nuttig?
Gebruik dit formulier alleen voor feedback op artikelen. Meer informatie over hoe je contact opneemt met support.

Ontdek meer van Klaviyo

Community
Maak contact met collega's, partners en Klaviyo-experts om inspiratie op te doen, inzichten te delen en antwoorden te krijgen op al je vragen.
Live training
Neem deel aan een live sessie met Klaviyo-experts voor meer informatie over best practices, het instellen van belangrijke functies en andere onderwerpen.
Support

Krijg ondersteuning via je account.

E-mailsupport (gratis proefperiodes en betaalde accounts) 24/7 beschikbaar

Chat-/virtuele assistentie
Beschikbaarheid varieert per locatie en type abonnement