Een aanmeldingsformulier insluiten op je website

Wat je leert

Leer hoe je een ingesloten aanmeldingsformulier toevoegt aan een specifieke pagina of locatie op je website (zoals de voettekst), zodat bezoekers die meer over je merk willen weten zich gemakkelijk kunnen aanmelden. Het insluiten van een aanmeldingsformulier in de voettekst van je site, als aanvulling op andere gepubliceerde formulieren, is een best practice van Klaviyo voor het optimaliseren van lijstgroei. 

Om een ingesloten formulier aan je site toe te voegen, moet je het volgende doen:

1. Maak een nieuw ingesloten formulier aan in Klaviyo en pas dit aan.
2. Kopieer de insluitcode van het formulier vanuit het publicatievenster.
3. Plak de insluitcode in de bestanden van je site.

Voordat je van start gaat

Voordat je een aanmeldingsformulier maakt, moet je ervoor zorgen dat de functionaliteit van het aanmeldingsformulier is ingeschakeld in je Klaviyo-account . Dit zorgt ervoor dat formulieren die in Klaviyo worden gepubliceerd goed worden weergegeven op je site en dat alle benodigde gegevens worden gesynchroniseerd. 

Om ingesloten formulieren te laten werken, moet je het volgende doen:

• De functionaliteit voor aanmeldingsformulieren inschakelen. Dit wordt ook wel 'tracking' op de site' genoemd.
• De insluitcode op je site plakken op de plek waar je het formulier wilt weergeven.

Het plakken van de insluitcode wordt alleen gebruikt voor ingesloten formulieren. Voor pop-up-, fly-out- en volledige pagina-formulieren hoeft er geen code te worden geplakt. Deze formulieren kunnen rechtstreeks vanuit de formulierbouwer van Klaviyo worden gepubliceerd.

Op 6 december 2024 heeft Klaviyo de berekeningswijze van weergaven voor ingesloten formulieren verbeterd om betrokkenheid nauwkeuriger te meten. Weergaven voor ingesloten formulieren worden nu alleen opgenomen als het formulier zichtbaar is in de viewport van de gebruiker. Deze wijziging kan resulteren in een merkbare verandering in het aantal weergaven en een stijging van verzendpercentages, met name voor formulieren die zijn opgenomen in de voettekst van een site, omdat deze alleen worden meegeteld als bezoekers voldoende naar beneden scrollen om het formulier gedeeltelijk in hun viewport te krijgen. 

Een ingesloten formulier aan je site toevoegen

Als je Shopify, BigCommerce of WooCommerce gebruikt, worden abonnees die zich aanmelden via het ingesloten formulier van je platform automatisch via de integratie toegevoegd aan je Klaviyo-lijst. Daarom hoef je het ingesloten formulier van je integraties niet te vervangen door een formulier van Klaviyo, hoewel je er nog steeds een kunt maken in Klaviyo als je abonnees wilt verzamelen op een andere lijst. 

Een nieuw ingesloten formulier maken en aanpassen in Klaviyo

1. Selecteer het tabblad Aanmeldingsformulieren in de linkernavigatie in Klaviyo.
2. Selecteer Formulier maken. Vanaf hier kun je:
   • Een kant-en-klare template aanpassen vanuit de formulierenbibliotheek. Klik op het dropdownmenu naast Alle typen en selecteer Insluiten om de formulierenbibliotheek te filteren zodat alle kant-en-klare templates voor ingesloten formulieren worden getoond.
   • Begin met een leeg template voor een ingesloten formulier door in de rechterbovenhoek Nieuw formulier maken te selecteren.
3. Volg de volgende stappen in het aanmaakvenster dat verschijnt:
   • Geef je formulier een naam. 
   • Kies de lijst waaraan nieuwe abonnees worden toegevoegd.
   • Bevestig Insluiten als je formuliertype.
     
4. Klik op Opslaan en ontwerpen.
5. Gebruik de editor om je formulier op te maken en elk gewenst blok of invoerveld toe te voegen. Zie Aan de slag met aanmeldingsformulieren voor hulp bij het aanpassen van je formulieren.
   

   Als je je formulier in de voettekst van je site wilt opnemen, raden we aan alleen om e-mailadressen te vragen om het aantal aanmeldingen te vergroten.

6. Als je tevreden bent met je formulier, klik je op Publiceren. Houd er rekening mee dat het formulier nog niet op je site verschijnt. Je moet ook de insluitcode op je site plakken om het live te zetten.
7. Klik in het venster Gepubliceerd dat verschijnt op Kopiëren om de insluitcode naar je klembord te kopiëren. Dit is de code die je in het volgende gedeelte van dit artikel in je sitebestanden moet plakken.
   

Het is goed om te weten dat de insluitcode van een formulier ook te vinden is op het tabblad Targeting en gedrag in de formuliereditor.

De insluitcode op je site plakken

Nadat je je formulier in Klaviyo hebt gepubliceerd en de insluitcode hebt gekopieerd, moet je deze code in je websitebestanden plakken, zodat het formulier wordt weergegeven. De locatie voor het plakken van de code hangt af van de plek waar je het formulier wilt laten verschijnen (bijvoorbeeld in een themabestand of een specifiek paginabestand), en kan per integratie verschillen. 

Zoek het platform dat je gebruikt in de onderstaande lijst en ga dan naar het artikel dat eronder is gelinkt voor gedetailleerdere informatie over het plakken van de insluitcode voor die integratie. 

Als jouw platform er niet tussen staat, ga dan naar het kopje 'Andere platformen' hieronder.

• BigCommerce
  Plak voor BigCommerce de insluitcode in de bestanden van je website op de plek waar je wilt dat het formulier verschijnt. 
  • Ga naar De insluitcode toevoegen aan je BigCommerce-website.
• Shopify
  Voeg voor Shopify de app Klaviyo Embedded Form toe aan je paginatemplate en plak de insluitcode van het formulier.
  • Ga naar De insluitcode toevoegen aan je Shopify-website.
• Square
  Plak voor Square de insluitcode in de bestanden van je website op de plek waar je wilt dat het formulier verschijnt.
  • Ga naar De insluitcode toevoegen aan je Square-website.
• WooCommerce
  Voor WooCommerce plak je de insluitcode in de HTML van je website. 
  • Ga naar De insluitcode toevoegen aan de voettekst van je WooCommerce-website.
• Andere platformen
  Als je platform niet in de bovenstaande lijst staat, of als je een aangepaste integratie gebruikt die niet van nature integreert met Klaviyo, moet je ervoor zorgen dat er 2 codefragmenten op je site worden geplakt zodat het ingesloten formulier werkt: 
   
  • Websitetracking (ook bekend als Klaviyo.js) om de aanmeldingsformulierfunctionaliteit in te schakelen. 
    • Houd er rekening mee dat veel platforms automatisch websitetracking aan je site toevoegen wanneer je deze integreert (Wix, PrestaShop, Magento 1 en 2, etc.). Controleer de integratie-instellingen van je platform in Klaviyo om te bevestigen dat deze optie is geselecteerd.
      • Als je platform geen ingebouwde Klaviyo-integratie heeft, moet je websitetracking handmatig toevoegen.
  • De insluitcode van het betreffende formulier 
    • Zodra websitetracking is ingeschakeld, moet je de insluitcode van je formulier in de HTML/broncode van je site plakken op de plek waar je wilt dat het verschijnt (zoals in de voettekst). 
      • De insluitcode van een formulier kan worden gekopieerd van het tabblad Targeting en gedrag in de formuliereditor.

Volgende stappen

Nadat je je ingesloten formulier hebt gepubliceerd op Klaviyo, de insluitcode op je site hebt geplakt en je wijzigingen hebt opgeslagen, ga je naar je website en vernieuw je de pagina.

Het ingesloten formulier zou nu op je site moeten verschijnen op de plek waar je de insluitcode hebt geplakt. 

Problemen met ingesloten formulieren oplossen

Als je ingesloten formulier live is in Klaviyo, maar niet wordt weergegeven op je site, raadpleeg dan de volgende tips voor probleemoplossing:

• Vernieuw de cache van je browser.
• Controleer of je website goed is geïntegreerd met Klaviyo en of je site ook live is.
• Controleer of je aanmeldingsformulieren hebt ingeschakeld voor je account (dit is hetzelfde als tracking op je site inschakelen).
• Zorg ervoor dat je de wijzigingen op je website hebt opgeslagen nadat je de insluitcode hebt geplakt.
• Navigeer in de editor van het aanmeldingsformulier van Klaviyo naar het gedeelte Targeting en gedrag en controleer het volgende:
  • Controleer in het gedeelte Weergave of: 
    • De insluitcode die op je site is geplakt volledig overeen komt met de code die door Klaviyo is geleverd
    • De apparaatinstellingen in Klaviyo overeenkomen met het apparaat dat je gebruikt om het formulier te bekijken
  • Controleer in het gedeelte Targeting of:
    • Je aan eventuele specifieke criteria voor Bezoekers voldoet
    • Het formulier is ingesteld om te worden weergegeven op de URL die je bekijkt en een van de opgegeven UTM-parameters bevat
    • Je locatie overeenkomt met een van de geolocaties die zijn ingesteld voor het formulier
    • Je winkelwagen aan eventuele vereisten voor winkelwageninhoud voldoet die voor het formulier zijn geconfigureerd
• Voer de test opnieuw uit in een nieuw, incognito (privé) browservenster.
• Controleer of slechts 1 Klaviyo-account is geïntegreerd met je site. Meer informatie over integraties.

Andere mogelijke redenen waarom het formulier niet verschijnt

• Als je aangepaste CSS op je site gebruikt, kan dit een conflict veroorzaken met het websitetrackingfragment van Klaviyo (Klaviyo.js) en de weergave van je formulier verhinderen. Laat je ontwikkelaar de ontwikkelaarstools van je browser gebruiken om de code van de site te inspecteren en het probleem te identificeren of neem contact op met support.
• Als je een site met een één pagina-toepassing (SPA) gebruikt, kunnen deze instellingen ervoor zorgen dat je formulier niet iedere keer wordt weergegeven. Vraag je ontwikkelaar om hulp.

Extra hulpbronnen

• Contact opnemen met support
• Problemen met je aanmeldingsformulieren oplossen
• Aan de slag met aanmeldingsformulieren