Förstå formulärblock och fält

Du kommer att lära dig

Lär dig hur du använder olika innehållsblock från formulärredigeraren (t.ex. element och indatafält) i ditt registreringsformulär för att anpassa dess utseende och vilken typ av information du samlar in från prenumeranten. 

Om fliken Lägg till block

I registreringsformulärets editor klickar du på fliken Lägg till block för att se de olika innehållsblock som du kan lägga till i ditt formulär. 

Det finns 2 olika kategorier på block:

1. Element
2. Indatafält

När du drar och släpper ett block i förhandsgranskningen av formuläret visas redigeringsalternativen i det vänstra sidofältet. Härifrån kan du justera block:s detaljtext, inklusive text och styling. Längst ner i den här redigeringsmenyn kan du också konfigurera synlighetsinställningar för block för att styra om den ska visas på alla enheter, bara på datorn eller bara på mobilen. Läs mer om dynamiska block i formulär.

Om du ska skapa ett registreringsformulär som bara kan användas i mobilen, se Grunder: Design av formulär för mobila enheter. 

Bästa praxis när du lägger till innehållsblock i formulär

Om du vill inkludera flera block och fält för att be dina besökare om flera olika uppgifter (t.ex. födelsedag, e-postadress, telefonnummer etc.) i ditt formulär, använd ett flerstegsformulär. Flerstegsformulär kan hjälpa dig att lära dig mer om dina besökare och samla in deras samtycke över flera kanaler, utan att överväldiga dem med för många fält på en gång.

Om du vill fråga efter både e-post och telefonnummer i ditt formulär är det bästa praxis för lista growth och Efterlevnad att inkludera dessa fält i två olika steg.

Formulärelement

registreringsformulär element lägga till innehåll i ditt formulär, inklusive text, knappar, bilder och kupong. Dessa block informerar besökaren om syftet med ditt registreringsformulär och gör det möjligt för dem att interagera med det. 

Textblock

Med textblock kan du infoga textinnehåll i formuläret, t.ex. en rubrik, instruktioner eller annan displaytext. Klaviyos formulärredigerare använder UTF-kodningsstandard, vilket innebär att den stöder latinska tecken, emojis, dubbla byte-tecken och mer. Dessutom kan du lägga till en inline-bild med hjälp av alternativet för inmatning av bild-URL. 

Knappblock

Med knappblocket kan du samla in och spara information i Klaviyo om dem som skickar in ditt formulär. En knapp kan göra det möjligt för användaren att stänga eller skicka in formuläret, leda dem till en annan sida på din webbplats eller prenumerera på sms-meddelanden.

Välj 1 av följande åtgärder för din knapp: 

• Stäng formuläret
  Formuläret kommer att stängas och data kommer inte att skickas till Klaviyo.  
• Skicka formulär
  Alla formulärfält som besökaren har fyllt i skickas till Klaviyo, och formuläret kommer att utvecklas baserat på det alternativ du väljer för fältet Efter sändning (antingen Visa nästa steg, Gå till URL eller Stäng formulär). 
• Gå till URL (Omdirigera till en annan sida)
  Besökaren kommer att omdirigeras till den URL du anger, och data från alla formulärfält skickas inte till Klaviyo. När du anger destinationsadressen ska du använda hela adressen, inklusive https:// (t.ex. https://help.klaviyo.com/hc/en-us snarare än hjälp.klaviyo.com/hc/sv-us).

  Åtgärden Gå till URL fungerar inte med en ofullständig URL.

• prenumerera via sms
  Du kan konfigurera det här alternativet för formulär som endast är avsedda för mobila enheter eller för mobilvyn av steget Opt-in via sms för formulär som riktar sig till alla enheter. Det gör det möjligt för besökare att prenumerera på sms med bara några tryckningar (tap-to-text). När en besökare klickar på en prenumerera via sms-knapp visas deras textmeddelanden-app med ett förskrivet meddelande som de kan skicka till prenumerera.
  • Välj en Nyckelord från rullgardinsmenyn prenumerera Nyckelord. Detta är det ord som någon måste sms:a till ditt destinationsnummer för att läggas till i ditt Kontos lista över sms-prenumerationer och konfigureras på Kontonivå.
  • Ställ in ett opt-in-meddelande, som kommer att visas i deras meddelandeapp. Som standard lyder meddelandet "Skicka den här texten för att prenumerera <organization_name> på!", men du kan anpassa innehållet i meddelandet. Detta fält tillåter endast upp till 160 GSM-7-tecken (1 meddelande). Specialtecken, inklusive emojis, är inte giltiga.
  • Välj rätt nummer under Sändande region om du är verksam i flera regioner och har mer än 1 sändningsnummer.
    

Ändra den lista ett registreringsformulär skickar in till

Du kan ändra den lista som ditt formulär skickas till (dvs. den lista som nya prenumeranter samlas in till) i knappens inställningar. Så här ändrar du ett formulärs sändningslista: 

1. Klicka på knappen i formulärredigeraren. 
2. I menyn som visas till vänster väljer du den nya listan under Lista to Submit.
   
   
3. Klicka på Tillbaka i sidofältet för redigering.
4. Om du är nöjd med innehållet i formuläret klickar du på Publicera .Även om ditt formulär redan är live måste du publicera ändringarna så att nya prenumeranter kan samla in till din nyvalda lista.
   

Skicka in dolda fält

Dolda fält är ytterligare egenskaper som kommer att läggas till en prenumerants profil i Klaviyo. Detta gör att du kan spåra besökare som interagerar med ditt formulär. Som standard har alla formulär en $source-egenskap som ett dolt fält, som identifierar hur de lades till i din lista. 

Du kan anpassa egenskapen $source och andra egenskapsnamn. Om du lägger till dolda fält för egenskaper som redan finns i en persons profil kommer de, precis som andra inmatningar i formulär, att skrivas över av det nya värdet när personen skickar in formuläret. Låt oss till exempel säga att ditt formulär samlar in kollektionspreferenser och att en kund tidigare har valt att de är intresserade av din herrkollektion. Om det här formuläret har ett dolt fält för intresse för damkollektionen kommer egenskapen Preferences att skrivas över när du klickar på knappen (dvs. från herr till dam). 

Om du vill lägga till en ny dold egenskap väljer du Lägg till en egenskap.

Bildblock

Med bildblocket kan du lägga till en bild i formuläret (t.ex. din logotyp). Du kan använda block för att lägga till bilder som matchar ditt varumärkes utseende och känsla. 

JPEG-, PNG- och GIF-filer accepteras. Som med alla bilder som visas på webben leder större filstorlekar till långsammare laddningstider. Sikta på en filstorlek på 50-100 KB för optimal prestanda.

Du kan också lägga till en bakgrundsbild eller en sidobild på fliken Stilar i formulärredigeraren. 

Kupongblock

Lägg till en kupong block för att stimulera dina besökare att skicka in ditt registreringsformulär och använda den medföljande kupongen för att göra ett köp på din webbplats.

Du kan lägga till statiska eller unika kupongkod i ett formulär. Klaviyo bästa praxis rekommenderar att du visar dessa koder i Framgångssteget, så att kunderna inte behöver lämna din webbplats för att få koden. Läs vår guide om hur du lägger till Kupongkod i registreringsformuläret för mer information om konfigurationen.

sms-yppandeblock

sms-informationsspråket bör placeras ovanför en sms-opt-in-knapp för att hjälpa till att upprätthålla sms Efterlevnad. Läs mer om språket för sms-information.

Nedräkningstimer

Nedräkningstimers kan ge en känsla av brådska i dina registreringsformulär och kombineras ofta med specialkampanjer eller semestermeddelanden. Läs mer om hur du lägger till nedräkningstimer i formulär.

Block för registreringsräknare

Lägg till en registreringsformulärräknare block för att visa antalet inlämningar i realtid (t.ex. "500 personer har registrerat sig för dessa erbjudanden under den senaste timmen!") på ditt formulär för att öka konverteringen och påskynda listans tillväxt. Detta block använder sociala bevis för att skapa brådska och tvinga webbplatsbesökare att prenumerera.

När du lägger till ett Registrera dig counter block i ett formulär kan du konfigurera följande inställningar:

• Inställningar för visning
  Bestäm hur Registrera dig ska räknas. Observera att en prenumerant måste nå framgångsfasen i formuläret:
  
  • Registrera dig från de senaste 30 dagarna
  • Registrera grävning från de senaste 7 dagarna
  • Registrera gräv från de senaste 24 timmarna
  • Registrera gräv från den senaste timmen
• Visas efter att __ har skickat in
  Bestäm det minsta antal inlämningar som krävs för att block ska visas.
  

  block kommer att vara dolt för besökare tills det lägsta antalet inskickade ansökningar har överskridits. När det lägsta antalet inskickade ansökningar har uppnåtts (t.ex. 200 inskickade ansökningar) visas block på ditt formulär.

  

Standardtexten kommer att återspegla dina valda Display-inställningar. Denna text är konfigurerbar, men ta inte bort {{ form_submit_count }} etikett eftersom den visar antalet diggar i realtid i Registrera.

Indatafält

indatafält kan du samla in information från webbplatsbesökare, till exempel deras e-postadress, namn eller födelsedag. 

Alla indatafält måste vara anslutna till en profilegenskaper, som används för att butik data som varje prenumerant skickar in. När du lägger till ett indatafält i formuläret kan du välja en befintlig egenskap i rullgardinsmenyn Profilegenskaper eller skapa en ny genom att skriva in ett nytt egenskapsnamn och klicka på Skapa alternativ.

Om inget annat anges kommer information från dessa områden att finnas på varje enskild persons profilsida. 

e-post indatafält

e-post indatafält tillåter besökare att mata in sina e-postadresser och prenumerera på listan som är kopplad till formuläret. Ett formulär kan bara ha 1 e-postinmatning, och den måste visas i ett av formulärets steg, inte i framgångsmeddelandet.

Fält för telefonnummer

Om du lägger till ett telefonnummerfält kommer det som standard att samla in kampanj-sms-samtycke, vilket gör att du kan skicka alla sms-meddelanden. Denna block validerar inskickade telefonnummer för att säkerställa att de är butik i ett acceptabelt nummerformat. Om du inte redan har gjort det, aktivera sms om du ska samla in sms-samtycke, och ställ in ditt informationsspråk så att det inkluderas var du än samlar in sms-samtycke.

Om det behövs kan du justera vilken typ av sms-samtycke som samlas in i formuläret, men se till att informationsspråket matchar typen av samtycke och innehåller exempel på vilka typer av meddelanden du kommer att skicka så att prenumeranten förstår vad de samtycker till.

Du kan också använda dynamisk blockering när du samlar in sms-samtycke för att säkerställa att kunderna ser den bästa metoden för att anmäla sig.

Text indatafält

Textindatafält används för att samla in information som inte behöver följa ett visst format (t.ex. datum eller e-postadresser) och när det inte är meningsfullt att erbjuda en förinställd lista med alternativ. Observera att segmentering och flödesfilter är skiftläges- och stavningskänsliga. Överväg andra fälttyper om du vill använda denna data för segmentering eller filtrering. 

Ett vanligt användningsområde för textindatafält är att samla in prenumeranters namn. Om du vill lägga till ett fält för förnamn använder du "First name" som etikett eller platshållartext och väljer First Name som profilegenskaper. 

Radioknappar

Radioknappar erbjuder en förinställd lista med alternativ, av vilka prenumeranten bara kan välja 1. Dessa är användbara för att samla in information som kön eller åldersintervall.

Fältet profilegenskaper ska innehålla det namn som du vill använda för den här egenskapen. Om ditt formulär till exempel frågar besökarna om de föredrar kaffe eller te kan du använda en anpassad profilegenskaper som "Dryckesval". 

Använd kolumnen Labels i avsnittet Property Options för att lägga till de alternativ som din prenumerant kan välja mellan. Lägg sedan till motsvarande värden i kolumnen Värden. Dessa värden kommer att finnas i profilen för alla som fyller i formuläret, så överväg att använda en kortfattad version av svaret som är lätt att hänvisa till. 

Om dina alternativetiketter är "Te-drickare" och "Kaffedrickare" kan värdena vara "te" respektive "kaffe". 

När en prenumerant svarar på en fråga med en alternativknapp kommer svaret att lagras som en sträng av typendata. 

Flera kryssrutor

Flera kryssrutor ger en lista med alternativ, och prenumeranten kan välja så många alternativ som han eller hon vill. Kryssrutor med flera alternativ är användbara för att samla in information om preferenser, intresseområden, demografisk information och alla frågor där en prenumerant ska kunna välja mer än 1 alternativ.

Precis som ett fält med en radioknapp kräver fältet med flera kryssrutor en profilegenskaper, en uppsättning etiketter och en uppsättning värden. 

När en prenumerant svarar på en fråga med flera kryssrutor kommer svaret att visas som en lista av typendata, oavsett hur många alternativ prenumeranten väljer. 

Datumfält

Datumfält är det bästa sättet för prenumeranter att mata in datumvärden, som sedan i sin tur kan användas för segmentering eller för att utlösa datumbaserade flöden.

Du kanske till exempel vill samla in prenumeranters födelsedagar så att du kan skicka en Kupongkod via ett flöde till dem på deras födelsedag. I det här fallet lägger du till datumfältet och ställer in motsvarande profilegenskaper på födelsedag. Om du är intresserad av att samla in datuminformation om en kund, använd ett datum block för att se till att datumen formateras korrekt.

Du har möjlighet att anpassa hur datum ska anges på ditt formulär (t.ex. DD/midmarket+/YYYY), men datum kommer fortfarande att anges i standardformatet midmarket+/DD/YYYY på den personliga profilen. Om du väljer ett alternativ i menyn Date Format som inte innehåller något år (t.ex. midmarket+ DD) kommer ett standardår automatiskt att inkluderas i varje prenumerants profil. Datum som skickas via ett datumfält är butik med hjälp av datumet data typ. 

Dropdown-fält

Rullgardinsmenyer liknar radioknappar genom att prenumeranten kan välja 1 alternativ från en förinställd lista. Detta alternativ bidrar också till att spara utrymme på din blankett. Överväg att använda en rullgardinsmeny i stället för radioknappar när du har fler än 4 alternativ. Precis som radioknappar och kryssrutor kräver ditt dropdown-fält en profilegenskaper, en uppsättning etiketter och en uppsättning värden. 

Åldersgrind

åldergrindsblock kan tillåta alkoholrelaterade varumärken att använda sms i USA, Storbritannien och Australien. Åldersspärr måste vara aktiverad i ditt Konto innan du kan lägga till åldergrindsblock i ditt registreringsformulär och börja använda sms. Läs mer om åldersbestämning av alkohol med Klaviyo.

Ta bort en element eller indatafält

För att radera alla element eller indatafält från ditt registreringsformulär:

1. I förhandsgranskningen av formuläret i redigeraren håller du muspekaren över det block som du vill ta bort.
2. Välj den papperskorgsikon som visas.
   
3. Välj Delete block i modalrutan Delete block. Observera att ett block inte kan återställas när du har raderat det.

Kommande steg

Om du vill konfigurera 1 formulär så att det har en separat skrivbordsvy och mobilvy kan du läsa vår guide om hur du använder dynamiska block i formulär.

När du har lagt till block och fält i registreringsformuläret kan du lära dig hur du utformar det så att det passar ditt varumärke. När du är redo att publicera ett popup-, undermeny- eller helsidesformulär klickar du bara på Publicera för att aktivera det på din webbplats. Om du skapar ett inbäddat formulär lägger du till formulärets inbäddade kod på din webbplats för att publicera.

Ytterligare resurser

Komma igång med registreringsformulär

Grundläggande: design av mobilformulär

Så här använder du dynamiska block i formulär

Kurs: Skapa strategiska registreringsformulär