Formulierblok en -velden begrijpen

Wat je leert

Leer hoe je verschillende inhoudsblokken van de formuliereditor (d.w.z. element en invoerveld) in je aanmeldingsformulier kunt gebruiken om het uiterlijk en het type informatie dat je van abonnee verzamelt aan te passen. 

Over het tabblad Blok toevoegen

Klik in de aanmeldingsformulier editor op het tabblad Blok toevoegen om de verschillende inhoudsblokken te zien die je aan je formulier kunt toevoegen. 

Er zijn 2 verschillende blokcategorieën:

1. Elementen
2. Invoervelden

Als je een blok naar de voorbeeldweergave van het formulier sleept, verschijnen er bewerkingsopties in de linker zijbalk. Van hieruit kun je de detailtekst van het blok aanpassen, inclusief tekst en styling. Onderaan dit bewerkingsmenu kun je ook de zichtbaarheidsinstellingen voor het blok configureren om te bepalen of het wordt weergegeven op alle apparaten, alleen op de desktop of alleen mobiel. Meer informatie over dynamisch blok in formulieren.

Als je een aanmeldingsformulier bouwt dat alleen mobiel is, zie dan Basisprincipes: ontwerp van mobiele formulieren. 

Best practices bij het toevoegen van inhoudsblok aan formulieren

Als je in je formulier meerdere blokken en velden wilt opnemen om je websitebezoekers om meerdere gegevens te vragen (bijv. verjaardag, e-mailadres, telefoonnummer, etc.), gebruik dan een formulier met meerdere stappen. Formulieren met meerdere stappen kunnen je helpen meer te weten te komen over je bezoekers en hun toestemming te verzamelen over meerdere kanalen, zonder ze te overstelpen met te veel velden tegelijk.

Als je in je formulier om zowel e-mail als telefoonnummer wilt vragen, is het voor lijstgroei en compliance het beste om deze velden in 2 verschillende stappen op te nemen.

Vorm element

aanmeldingsformulier element voeg je inhoud toe aan je formulier, inclusief tekst, knoppen, afbeeldingen en coupons. Dit blok informeert de bezoeker over het doel van je aanmeldingsformulier en stelt hem in staat om ermee te communiceren. 

Tekstblok

Met Tekstblok kun je tekst invoegen op je formulier, zoals een kop, instructies of andere displaytekst. KlaviyoDe formuliereditor gebruikt de UTF-coderingsstandaard, wat betekent dat het Latijnse tekens, emoji's, dubbele byte-tekens en meer ondersteunt. Daarnaast kun je een inline afbeelding toevoegen met de URL-invoeroptie voor afbeeldingen. 

Knopblok

Met Knoppenblok kun je informatie verzamelen en opslaan in Klaviyo over degenen die je formulier verzenden. Met een knop kan de kijker het formulier sluiten of verzenden, naar een andere pagina op je website gaan of zich aanmelden voor sms-berichten.

Kies 1 van de volgende acties voor je knop: 

• Formulier sluiten
  Het formulier wordt gesloten en de gegevens worden niet verzonden naar Klaviyo.  
• Formulier verzenden
  Alle formuliervelden die de bezoeker heeft ingevuld, worden naar Klaviyo gestuurd en het formulier vordert op basis van de optie die u selecteert voor het veld Na verzenden (Toon volgende stap, Ga naar URL of Sluit formulier). 
• Ga naar URL (Doorverwijzen naar een andere pagina)
  De bezoeker wordt doorgestuurd naar de URL die u opgeeft, en gegevens van formuliervelden worden niet verzonden naar Klaviyo. Gebruik bij het invoeren van de bestemmings-URL de volledige URL, inclusief https:// (gebruik bijvoorbeeld https://help.klaviyo.com/hc/en-us. in plaats van help.klaviyo.com/hc/nl-us).

  De actie Ga naar URL werkt niet met een onvolledige URL.

• Aanmelden via sms
  Je kunt deze optie instellen op alleen mobiele formulieren, of op de mobiele weergave van de sms Opt-in stap voor formulieren die gericht zijn op alle apparaten. Hiermee kunnen bezoekers zich met een paar tikken aanmelden om te sms'en (tap-to-text). Als een bezoeker op een aanmelden via sms knop klikt, verschijnt hun tekstberichten app met een voorgetypt bericht dat ze kunnen aanmelden.
  • Selecteer een keyword in de vervolgkeuzelijst Aanmelden trefwoord. Dit is het woord dat iemand naar je bestemmingsnummer moet sms'en om toegevoegd te worden aan je account's sms-abonnementenlijst, en wordt geconfigureerd op account niveau.
  • Stel een opt-in bericht in dat in hun berichten-app verschijnt. Standaard staat er "Stuur deze tekst naar aanmelden op <organization_name>!", maar je kunt de inhoud van het bericht aanpassen. In dit veld zijn maximaal 160 GSM-7 tekens (1 bericht) toegestaan. Speciale tekens, waaronder emoji's, zijn niet geldig.
  • Kies het juiste nummer onder Regio verzenden als je in meerdere regio's werkt en meer dan 1 verzendnummer hebt.
    

De lijst wijzigen waar een aanmeldingsformulier naartoe stuurt

Je kunt de lijst waarnaar je formulier verzendt (dus de lijst waarnaar nieuwe abonnees verzamelen) wijzigen in de instellingen van de knop. De verzendlijst van een formulier wijzigen: 

1. Klik op de knop in de formuliereditor. 
2. In het menu dat links verschijnt, selecteer je de nieuwe lijst onder Lijst indienen.
   
   
3. Klik op terug in de zijbalk bewerken.
4. Als je tevreden bent met de inhoud van je formulier, klik je op Publiceren. Zelfs als je formulier al live is, moet je de wijzigingen publiceren zodat nieuwe abonnees zich verzamelen op je nieuw geselecteerde lijst.
   

Verborgen velden indienen

Verborgen velden zijn extra eigenschappen die worden toegevoegd aan het profiel van een abonnee in Klaviyo. Hiermee kun je bezoekers volgen die interactie hebben met je formulier. Standaard hebben alle formulieren een $source eigenschap als verborgen veld, dat aangeeft hoe ze aan je lijst zijn toegevoegd. 

Je kunt de eigenschap $source en andere namen van eigenschappen aanpassen. Net als bij andere ingangen op formulieren geldt dat als je verborgen velden toevoegt voor eigenschappen die al bestaan in iemands profiel, deze worden overschreven door de nieuwe waarde wanneer iemand het formulier verzendt. Stel bijvoorbeeld dat je formulier collectievoorkeuren verzamelt en een klant heeft eerder geselecteerd dat hij geïnteresseerd is in je mannencollectie. Als dit formulier een verborgen veld heeft voor interesse in je damescollectie, dan wordt de eigenschap voorkeuren overschreven als op de knop wordt geklikt (dus van heren naar dames). 

Om een nieuwe verborgen eigenschap toe te voegen, selecteer je Een eigenschap toevoegen.

Afbeeldingsblok

Met Afbeeldingblok kun je een afbeelding aan je formulier toevoegen (bijvoorbeeld je logo). Je kunt dit blok gebruiken om afbeeldingen toe te voegen die passen bij de uitstraling van je merk. 

JPEG-, PNG- en GIF-bestanden worden allemaal geaccepteerd. Zoals bij alle afbeeldingen die op het web worden bekeken, leiden grotere bestanden tot een langzamere laadtijd. Streef naar een bestandsgrootte van 50-100 KB voor optimale prestaties.

Je kunt ook een achtergrondafbeelding of een zijafbeelding toevoegen op het tabblad Stijlen van de formuliereditor. 

Couponblock

Voeg een coupon blok toe om bezoekers van je site te stimuleren je aanmeldingsformulier in te sturen en het bijgeleverde coupon te gebruiken om een aankoop te doen op je site.

Je kunt statische of unieke couponcode aan een formulier toevoegen. De best practices van Klaviyo raden aan om deze codes in de Success stap te laten zien, zodat shoppers je website niet hoeven te verlaten om de code te krijgen. Lees onze handleiding over het toevoegen van couponcode aan aanmeldingsformulier voor meer informatie over het instellen.

kennisgevingsblok voor sms

De sms disclosure taal moet boven een sms opt-in knop worden geplaatst om te helpen bij het behouden van sms compliance. Meer informatie over sms openbaarmakingstaal.

Afteltimer

Afteltimers kunnen een gevoel van urgentie toevoegen aan je aanmeldingsformulier en worden vaak gecombineerd met speciale promoties of vakantieberichten. Meer informatie over het toevoegen van afteltimers aan formulieren.

Aanmeldingstellerblok

Voeg een aanmeldingsformulier tellerblok toe om realtime aanmeldingen weer te geven (bijv. "500 mensen hebben zich het afgelopen uur aangemeld voor deze deals!") op je formulier om conversie te stimuleren en lijstgroei te versnellen. Dit blok gebruikt sociaal bewijs om urgentie te creëren en websitebezoekers te dwingen zich aan te melden.

Als je een Aanmelden tellerblok toevoegt aan een formulier, kun je de volgende instellingen configureren:

• Instellingen weergeven
  Bepaal hoe Aanmelden wordt geteld. Merk op dat een abonnee de successtap van het formulier moet bereiken:
  
  • Aanmelden van de afgelopen 30 dagen
  • Aanmelden van de afgelopen 7 dagen
  • Aanmelden van de afgelopen 24 uur
  • Aanmelden van het afgelopen uur
• Tonen na __ inzendingen
  Bepaal het minimum aantal inzendingen dat nodig is om het blok te laten verschijnen.
  

  Het blok wordt verborgen voor bezoekers van de site totdat het minimum aantal inzendingen is overschreden. Zodra het minimum aantal inzendingen is bereikt (bijvoorbeeld 200 inzendingen), verschijnt het blok op je formulier.

  

De standaardtekst weerspiegelt de geselecteerde weergave-instellingen. Hoewel deze tekst configureerbaar is, mag je de {{ form_submit_count }} tag niet verwijderen, omdat deze de real-time Aanmelden-telling weergeeft.

Invoervelden

invoerveld inschakelen je om informatie van websitebezoekers te verzamelen, zoals hun e-mailadres, naam of verjaardag. 

Alle facturen moeten worden gekoppeld aan een profieleigenschappen, die wordt gebruikt om de gegevens die elke abonnee indient te controleren. Wanneer je een invoerveld aan je formulier toevoegt, selecteer je een bestaande eigenschap uit de profieleigenschappen keuzelijst, of maak je een nieuwe door een nieuwe naam voor de eigenschap in te typen en op Optie makente klikken .

Tenzij anders aangegeven, wordt de invoer van deze velden op de profielpagina van elk individu weergegeven. 

Email invoerveld

Email Op het invoerveld kunnen bezoekers hun e-mailadressen invoeren en zich aanmelden bij de lijst die aan het formulier is gekoppeld. Een formulier kan maar 1 e-mailinvoer hebben en die moet in een van de stappen van het formulier staan, niet in het succesbericht.

Telefoonnummer veld

Als je een telefoonnummerveld toevoegt, wordt standaard promotionele toestemming voor sms verzameld, waarmee je sms-berichten kunt versturen. Dit blok valideert ingezonden telefoonnummers om er zeker van te zijn dat ze een acceptabel formaat hebben. Als je dat nog niet hebt gedaan, schakel dan sms in als je toestemming voor sms gaat verzamelen, en stel je openbaarmakingstaal zo in dat deze overal wordt opgenomen waar je toestemming voor sms verzamelt.

Indien nodig kun je het type toestemming voor sms dat het formulier verzamelt aanpassen; maar zorg ervoor dat de taal van de openbaarmaking overeenkomt met het type toestemming en voorbeelden bevat van de typen berichten die je gaat versturen, zodat abonnee's begrijpen waar ze mee akkoord gaan.

Je kunt ook dynamisch blok gebruiken bij het verzamelen van toestemming voor sms om ervoor te zorgen dat shoppers de beste methode zien om zich aan te melden.

Tekst invoerveld

Tekst invoerveld wordt gebruikt om informatie te verzamelen die geen specifiek formaat hoeft te volgen (zoals data of e-mailadressen), en wanneer het niet zinvol is om een vooraf ingestelde lijst met opties aan te bieden. Merk op dat segmentatie en flowfilter hoofdletter- en spellingsgevoelig zijn. Overweeg andere veldtypes als je deze gegevens wilt gebruiken voor segmentatie of filtering. 

Een veelgebruikte toepassing voor tekst invoerveld is het verzamelen van abonneenamen. Om een voornaamveld toe te voegen, gebruik je "Voornaam" als label of als plaatsaanduiding en selecteer je First Name als profieleigenschappen. 

Keuzerondjes

Radiobuttons bieden een vooraf ingestelde lijst met opties, waarvan abonnee er maar 1 kan selecteren. Deze zijn handig voor het verzamelen van informatie zoals geslacht of leeftijd.

Het veld profieleigenschappen moet de naam bevatten die je voor deze eigenschap wilt gebruiken. Als je formulier bezoekers bijvoorbeeld vraagt of ze liever koffie of thee drinken, gebruik dan een aangepaste profieleigenschappen zoals "Beverage Choice". 

Gebruik de kolom Labels in het gedeelte Eigenschapopties om de opties toe te voegen waaruit je abonnee kan kiezen. Voeg dan corresponderende waarden toe in de kolom Waarden. Deze waarden worden opgenomen in het profiel van iedereen die het formulier invult, dus overweeg om een stenografische versie van het antwoord te gebruiken die gemakkelijk te raadplegen is. 

Als je optielabels "Theedrinker" en "Koffiedrinker" zijn, kunnen de waarden respectievelijk "thee" en "koffie" zijn. 

Als een abonnee een vraag met een keuzerondje beantwoordt, wordt zijn antwoord weergegeven als een tekenreeks van het type gegevens. 

Meerdere selectievakjes

Meerdere selectievakjes bieden een lijst met opties en abonnees kunnen zoveel opties selecteren als ze willen. Meerdere selectievakjes zijn handig voor het verzamelen van voorkeursinformatie, interessegebieden, demografische informatie en alle vragen waarbij een abonnee meer dan 1 optie moet kunnen selecteren.

Net als bij een keuzerondje heb je voor een veld met meerdere selectievakjes een profieleigenschappen, een set labels en een set waarden nodig. 

Als een abonnee een vraag met meerdere selectievakjes beantwoordt, wordt zijn antwoord weergegeven als een lijstgegevenstype, ongeacht het aantal opties dat hij selecteert. 

Datum veld

Datumvelden zijn de beste manier waarop abonnees datumwaarden kunnen invoeren, die vervolgens weer kunnen worden gebruikt voor segmentatie of om datumgebaseerde stromen te activeren.

Je wilt bijvoorbeeld de verjaardagen van abonnees verzamelen, zodat je ze op hun verjaardag een couponcode kunt sturen via een flow. In dit geval voeg je het datumveld toe en stel je de bijbehorende profieleigenschappen in op verjaardag. Als je geïnteresseerd bent in het verzamelen van datuminformatie over een klant, gebruik dan een datumblok om ervoor te zorgen dat de datums correct worden opgemaakt.

Je hebt de optie om de manier waarop datums op je formulier worden ingevoerd aan te passen (bijvoorbeeld DD/middenbedrijf/YYYY); datums worden echter nog steeds in de standaard middenbedrijf/DD/YYYY-indeling op het persoonlijke profiel weergegeven. Als je een optie selecteert in het menu Datumopmaak zonder jaartal (bijvoorbeeld middenbedrijf DD), dan wordt er automatisch een standaardjaar opgenomen in het profiel van elke abonnee. Data die via een datumveld worden verzonden, worden behandeld met het datatype. 

Dropdown veld

Dropdowns zijn vergelijkbaar met keuzerondjes, in die zin dat abonnee 1 optie kan kiezen uit een vooraf ingestelde lijst. Deze optie helpt ook om ruimte te besparen op je formulier. Overweeg het gebruik van een dropdown in plaats van keuzerondjes als je meer dan 4 opties hebt. Net als keuzerondjes en meervoudige selectievakjes heeft je dropdownveld een profieleigenschappen, een set labels en een set waarden nodig. 

Leeftijdscheck

leeftijdsblokkering kan het gebruik van sms door alcoholgerelateerde merken toestaan in de VS, het Verenigd Koninkrijk en Australië. Leeftijdsblokkering moet zijn ingeschakeld in je account voordat je leeftijdsblokkering kunt toevoegen aan je aanmeldingsformulier en kunt beginnen met het gebruik van sms. Meer informatie over leeftijdsgrenzen voor alcohol met Klaviyo.

Een element of invoerveld verwijderen

Om element of facterveld van je aanmeldingsformulier te verwijderen:

1. Ga in het voorbeeld van het formulier in de editor met de muis over het blok dat je wilt verwijderen.
2. Selecteer het prullenbakpictogram dat verschijnt.
   
3. Selecteer Blok verwijderen in het  modale venster. Merk op dat een blok niet kan worden hersteld als je het eenmaal hebt verwijderd.

Volgende stappen

Als je 1 formulier zo wilt configureren dat het een aparte desktopweergave en mobiele weergave heeft, ga dan naar onze gids over het gebruik van dynamische blokken in formulieren.

Als je blok en velden hebt toegevoegd aan je aanmeldingsformulier, leer dan hoe je het kunt stylen zodat het bij je merk past. Als je klaar bent om een popup, fly-out of formulier voor een volledige pagina te publiceren, klik je gewoon op Publiceren om het live op je site te zetten. Als je een insluitformulier maakt, voeg dan de insluitcode van het formulier toe aan je site om te publiceren.

Extra hulpbronnen

Aan de slag met aanmeldingsformulieren

Basisprincipes: ontwerp van mobiele formulieren

Dynamisch blok gebruiken in formulieren

Cursus: Strategische aanmeldingsformulieren maken