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 (dvs. element och indatafält) i ditt registreringsformulär för att anpassa dess utseende och vilken typ av information du samlar in från prenumeranter.

Om fliken Lägg till block

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

Det finns 5 olika blockkategorier:

1. Integrationer
2. Element
3. Indatafält
4. Telefonnummer
5. Marknadsföringssamtycke

När du drar och släpper ett block i förhandsgranskningen av formuläret visas redigeringsalternativ i den vänstra sidopanelen. Här kan du justera blockets detaljer, inklusive text och formatering. Längst ned i den här redigeringsmenyn kan du också konfigurera inställningar för Synlighet för blocket och styra om det visas på alla enheter, endast på dator eller endast på mobil. Läs mer om dynamiska block i formulär.

Om du bygger ett registreringsformulär som endast är för mobil, se grunderna: mobil formulärdesign.

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

Om du planerar att inkludera flera block och fält för att be dina webbplatsbesökare om flera olika typer av information (t.ex. födelsedag, e-postadress, telefonnummer osv.) i formuläret, 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 via flera kanaler, utan att överväldiga dem med för många fält på en gång.

Om du vill be om både e-post och telefonnummer i formuläret är det bäst praxis för listtillväxt och efterlevnad att inkludera dessa fält i två olika steg.

Formulärelement

Element i registreringsformulär lägger till innehåll i ditt formulär, inklusive text, knappar, bilder och kuponger. De här blocken informerar besökaren om syftet med ditt registreringsformulär och låter dem interagera med det.

Textblock

Textblock gör att du kan infoga textinnehåll i formuläret, till exempel en rubrik, instruktioner eller annan visningstext. Klaviyos formulärredigerare använder UTF-kodningsstandarden, vilket innebär att den har stöd för latinska tecken, emojis, dubbelbyte-tecken med mera. Dessutom kan du lägga till en infogad bild med hjälp av alternativet för inmatning av bild-URL.

Knappblock

Med knappblock kan du samla in och spara information i Klaviyo om dem som skickar in ditt formulär. En knapp kan låta personen som tittar stänga eller skicka in formuläret, skicka dem till en annan sida på din webbplats eller låta dem prenumerera på sms.

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

• Stäng formuläret
  Formuläret stängs och data skickas inte till Klaviyo. 
• Skicka in formulär
  Alla formulärfält som besökaren har fyllt i skickas till Klaviyo, och formuläret går vidare baserat på vilket alternativ du väljer för fältet Efter inskick (antingen Visa nästa steg, Gå till URL eller Stäng formulär).
• Gå till URL (Omdirigera till en annan sida)
  Besökaren omdirigeras till URL:en du anger och data från eventuella formulärfält skickas inte till Klaviyo. När du anger din Destination URL ska du använda hela URL:en, inklusive https:// (t.ex. använd https://help.klaviyo.com/hc/en-us i stället för help.klaviyo.com/hc/en-us).

• Prenumerera via textmeddelanden
  Du kan konfigurera det här alternativet i formulär endast för mobil, eller i mobilvyn av sms-anmälan-steget för formulär som är inriktade på alla enheter. Det låter besökare prenumerera på sms med bara några tryck (tryck-för-att-sms:a). När en besökare klickar på en Prenumerera via textmeddelanden -knapp visas deras app för textmeddelanden med ett förifyllt meddelande som de kan skicka för att prenumerera.
  • Välj ett Nyckelord i listrutan Nyckelord för textmeddelanden. Det här är ordet som någon måste skicka som textmeddelande till ditt sändningsnummer för att prenumerera. Nyckelordet konfigureras på Konto-nivå och avgör vilken lista prenumeranten går med i.
  • Anpassa opt-in- meddelandet, som visas i besökarens meddelandeapp. Det här fältet tillåter endast upp till 160 GSM-7-tecken (1 meddelande). Specialtecken, inklusive emojis, är inte giltiga.
  • Välj rätt nummer under Sändningsregion om du är verksam i flera regioner och har fler än 1 sändningsnummer.
    

Ändra vilken lista ett registreringsformulär skickar in till

För en knapp där Åtgärd är inställt på Skicka formulär kan du ändra vilken lista nya prenumeranter går med i via knappens inställningar. För Prenumerera via textmeddelanden avgör det valda Nyckelordet listan i stället. Så här ändrar du en forms lista för att skicka in:

1. Klicka på knappen med Åtgärd inställd på Skicka formulär i formulärredigeraren.
2. I menyn som visas till vänster väljer du den nya listan under Lista att skicka till.
   
   

3. Klicka på Tillbaka i sidofältet för redigering.
4. När du är nöjd med innehållet i formuläret klickar du på Publicera eller schemalägg och väljer Publicera nu. Lös eventuella blockerande varningar och klicka sedan på Publicera nu för att bekräfta. Även om formuläret redan är live måste du publicera ändringarna så att nya prenumeranter går med i din nyligen valda lista.

Skicka in dolda fält

Dolda fält är ytterligare egenskaper som kommer att läggas till i 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 egenskapen $source som ett dolt fält, vilket identifierar hur de lades till i din lista.

Du kan anpassa egenskapen $source och andra egenskapsnamn. Precis som med andra indata i formulär kommer dolda fält för egenskaper som redan finns i någons profil att skrivas över av det nya värdet när de skickar in formuläret. Till exempel: säg att ditt formulär samlar in preferenser för kollektioner och att en kund tidigare har valt att hen är intresserad av din herrkollektion. Om det här formuläret har ett dolt fält för intresse för din damkollektion kommer egenskapen för preferenser att skrivas över när knappen klickas (dvs. från herr till dam).

Om du vill lägga till en ny dold egenskap väljer du Lägg till en egenskap, sedan väljer du egenskapen och anger dess värde.

Bildblock

Bildblock gör att du kan lägga till en bild i ditt formulär (t.ex. din logotyp). Du kan använda det här blocket för att lägga till bilder som matchar känslan och utseendet för ditt varumärke.

JPEG-, PNG- och GIF-filer accepteras. Precis 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 ett kupongblock för att uppmuntra dina webbplatsbesökare att skicka in ditt registreringsformulär och använda den inkluderade kupongen för att genomföra ett köp på din webbplats.

Du kan lägga till statiska eller unika kupongkoder i ett formulär. För att använda unika kuponger ska du lägga till kupongblocket i steget Success. Det här är också den rekommenderade placeringen för statiska koder, så att kunderna inte behöver lämna din webbplats för att få koden. Läs vår guide om att lägga till kupongkoder i registreringsformulär för mer information om konfigurationen.

sms-yppandeblock

Sms-upplysningsspråk bör placeras ovanför en knapp för sms-opt-in för att hjälpa till att upprätthålla sms-efterlevnad. Läs mer om sms-upplysningsspråk.

Nedräkningstimer

Nedräkningstimer kan skapa en känsla av brådska i dina registreringsformulär och kombineras ofta med specialkampanjer eller kommunikation vid högtider. Läs mer om att lägga till nedräkningstimers i formulär.

Block för registreringsräknare

Lägg till ett registreringsräknarblock för att visa den senaste formuläraktiviteten (t.ex. "500 registreringar under den senaste timmen!"). Det här blocket använder sociala bevis för att uppmuntra webbplatsbesökare att prenumerera.

När du lägger till ett block för registreringsräknare i ett formulär kan du konfigurera följande inställningar:

• Visa
  Besökare kan räknas innan de når steget för lyckat resultat, till exempel när de skickar in en e-postadress i ett tidigare steg. Klick på knappen Gå till webbadress och tryck-för-att-sms:a kan också räknas utan en slutförd prenumeration. Välj en tidsperiod:
  • Registreringar under de senaste 30 dagarna
  • Registreringar under de senaste 7 dagarna
  • Registreringar under de senaste 24 timmarna
  • Registreringar under den senaste timmen
• Visa efter __ inskickningar
  Ange det minsta antal inskickningar som krävs för att blocket ska visas.
  

Standardtexten speglar dina valda inställningar för visning. Även om den här texten går att konfigurera ska du inte ta bort etiketten {{ form_submit_count }}, eftersom den visar antalet registreringar.

Indatafält

Indatafält gör att du kan samla in information från webbplatsbesökare, som deras e-postadress, namn eller födelsedag.

Alla indatafält måste vara kopplade till profilegenskaper, som används för att lagra de data som varje prenumerant skickar in. När du lägger till ett indatafält i ditt formulär väljer du en befintlig egenskap i listrutan Profilegenskaper eller skriver in ett nytt egenskapsnamn och väljer Skapa följt av det namnet.

Om inget annat anges lagras indata från dessa fält på varje individs profilsida.

Indatafält för e-post

E-postindatafält gör att besökare kan ange sina e-postadresser och prenumerera på listan som är kopplad till formuläret. Varje steg kan ha 1 e-postindatafält per enhetsvy. E-postindatafält kan inte visas i framgångssteget.

Fältet Telefonnummer

Om du lägger till ett fält för telefonnummer kommer det som standard att samla in samtycke till marknadsförings-sms, vilket ger dig rätt att skicka alla sms-meddelanden. Detta block validerar inskickade telefonnummer för att säkerställa att de lagras i ett godtagbart nummerformat. Om du inte redan har gjort det ska du aktivera sms om du ska samla in samtycke till sms och konfigurera din informationsgivande text så att den ingår överallt där du samlar in samtycke till sms.

Om det behövs kan du justera vilken typ av sms-samtycke formuläret samlar in, men se till att formuleringarna för upplysning matchar samtyckestypen och innehåller exempel på vilka typer av meddelanden du kommer att skicka så att prenumeranter förstår vad de går med på.

Du kan också använda dynamiska block 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.

Textindatafält

Indatafält för text används för att samla in information som inte behöver följa ett specifikt format (som datum eller e-postadresser), och när det inte är rimligt 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 planerar att använda dessa data för segmentering eller filtrering.

Ett vanligt användningsområde för indatafält är att samla in prenumeranters namn. För att 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 profilegenskap.

Radioknappar

Alternativknappar erbjuder en förinställd lista med alternativ, där prenumeranter bara kan välja 1. De är användbara för att samla in information som kön eller åldersintervall.

Fältet Profilegenskaper ska innehålla namnet du vill använda för den här egenskapen. Om ditt formulär till exempel frågar besökare om de föredrar kaffe eller te kan du använda en anpassad profilegenskaper, till exempel ”Beverage Choice”.

Använd kolumnen Labels i avsnittet Property Options för att lägga till de alternativ som dina prenumeranter kan välja mellan. Lägg sedan till motsvarande värden i kolumnen Values. De här värdena sparas i profilen för alla som fyller i formuläret, så överväg att använda en förkortad version av svaret som är enkel att hänvisa till.

Om dina alternativetiketter är ”Tedrickare” och ”Kaffedrickare” kan värdena vara ”tea” respektive ”coffee”.

När en prenumerant svarar på en fråga med alternativknappar lagras svaret som en sträng datatyp.

Flerkryssruta

Flera kryssrutor erbjuder en lista med alternativ, och prenumeranter kan välja så många alternativ som de vill. Flera kryssrutor är användbara för att samla in preferensinformation, intresseområden, demografisk information och alla frågor där en prenumerant ska kunna välja mer än 1 alternativ.

Precis som ett alternativknappsfält kräver ditt fält med flera kryssrutor en profilegenskap, en uppsättning etiketter och en uppsättning värden.

När en prenumerant besvarar en fråga med flera kryssrutor lagras svaret som en lista av datatyp, oavsett hur många alternativ de väljer.

Datumfält

Datumfält är det bästa sättet för prenumeranter att ange datumvärden, som sedan kan användas för segmentering eller för att utlösa datumstyrda flöden.

Du kanske till exempel vill samla in prenumeranters födelsedagar så att du kan skicka dem en Kupongkod via ett flöde på deras födelsedag. I det här fallet lägger du till datumfältet och ställer in motsvarande profilegenskap till födelsedag. Om du vill samla in datuminformation om en kund kan du använda ett datumblock för att säkerställa att datumen formateras korrekt.

Du kan anpassa hur besökare anger datum i formuläret (t.ex. DD/MM/YYYY). Datum som skickas in via ett datumfält lagras med datatypen datum, oavsett vilket inmatningsformat som har valts. Om du väljer ett alternativ i menyn Datumformat som inte innehåller ett år (t.ex. MM DD) inkluderas det aktuella året automatiskt.

Rullgardinsfält

Rullgardinsmenyer liknar alternativknappar, eftersom prenumeranter kan välja 1 alternativ från en förinställd lista. Det här alternativet hjälper också till att spara utrymme i ditt formulär. Överväg att använda en rullgardinsmeny i stället för alternativknappar när du har fler än 4 alternativ. Precis som för alternativknappar och flera kryssrutor kräver ditt rullgardinsfält en profilegenskap, en uppsättning etiketter och en uppsättning värden.

Marknadsföringssamtycke

Spårningssamtycke

Om det behövs kan du använda blocket Samtycke till spårning för att be besökare om samtycke till e-postmarknadsföring och e-postspårning när de registrerar sig.

I formulärredigeraren öppnar du Lägg till block och hittar Samtycke till spårning under Marknadsföringssamtycke. Dra det till ett steg med ett inmatningsfält för e-post. Se till att inmatningsfältet för e-post är synligt på alla enheter där blocket Samtycke till spårning visas. Ett formulär kan ha 1 block för samtycke till spårning. Det kan inte placeras på bekräftelsesteget eller på ett steg som innehåller Fortsätt med Shop.

Välj hur du vill samla in samtycke

Under Samla in samtycke separat eller tillsammans, välj:

• Separata kryssrutor: Ge besökare separata val för samtycke till marknadsföring och spårning.
• Kombinerad kryssruta: Be besökare att samtycka till marknadsföring och spårning med en enda kryssruta. Kombinerat samtycke accepteras inte i alla EU-länder. Rådgör med ditt juridik- eller integritetsteam innan du väljer det här alternativet.

Under Typ av e-postspårning väljer du de aktiviteter du vill samla in samtycke för:

• E-postöppningar
• E-postklick

Välj minst 1 spårningstyp. Samtycke till marknadsföring ingår alltid i blocket.

När du använder separata kryssrutor för både öppningar och klick aktiverar du Använd en kryssruta för öppningar och klick för att slå ihop de två spårningsvalen, samtidigt som du behåller marknadsföringssamtycke separat om du föredrar det.

Med Separata kryssrutor använder du Kräv marknadsföringssamtycke för att göra marknadsföringssamtycke obligatoriskt. Den här inställningen är inte tillgänglig med Kombinerad kryssruta. Spårningssamtycke är valfritt.

Anpassa din samtyckestext

Under Samtyckestext redigerar du informationstexterna för de samtyckestyper du samlar in. Ersätt den föreslagna texten med formuleringar som har godkänts av ditt juridik- eller integritetsteam.

Under Information och återkallelse redigerar du texten som visas under kryssrutorna. Ta med instruktioner som stämmer överens med hur mottagare kan återkalla sitt samtycke och länka till ditt sekretessmeddelande.

Under Rubrik för samtyckesavsnitt anpassar du introduktionen till dina samtyckesalternativ. Använd Visa rubrik för samtyckesavsnitt för att styra om den visas i formuläret. Skärmläsare kan läsa upp rubriken även när den är dold.

Innan du publicerar ska du ersätta platshållartexten med ditt varumärkesnamn, etiketten för skicka-knappen och relevanta länkar. Se till att hänvisningar som ”ovan” eller ”nedan” stämmer med formulärets layout.

Styla blocket

Anpassa blockets bakgrundsfärg, utfyllnad och animering. Indatafält använder dina delade formulärstilar om du inte aktiverar Åsidosätt delade stilar för indatafält för det här blocket.

Förstå samtycke till spårning

Samtycke till e-postmarknadsföring och samtycke till spårning är separata behörigheter. Om du ändrar en mottagares samtycke till spårning ändras inte deras prenumeration på e-postmarknadsföring.

Klaviyo slutar registrera motsvarande öppnings- eller klickhändelser när en mottagare har avslutat prenumerationen på den spårningstypen. Spårning är aktiverat som standard när inget uttryckligt samtycke till spårning har registrerats, om inte en annan tillämplig spårningskontroll inaktiverar den.

Läs mer om att hantera öppningsspårning och att hantera klickspårning.

Åldersgrind

Åldergrindsblock är tillgängliga för berättigade företag i länder som stöds. Åldersgrinden måste vara aktiverad i ditt Konto innan du kan lägga till åldergrindsblock i dina registreringsformulär. Läs mer om åldersgrind med Klaviyo.

Ta bort ett element eller indatafält

Så här tar du bort ett element eller ett indatafält från ditt registreringsformulär:

1. I förhandsgranskningen av formuläret i redigeraren håller du muspekaren över blocket som du vill ta bort.
2. Välj papperskorgsikonen som visas.
   

3. I dialogrutan Ta bort block klickar du på Ta bort block. Om du tar bort ett block av misstag klickar du på Ångra i redigeraren medan borttagningen fortfarande finns i din redigeringshistorik.

Kommande steg

Om du vill konfigurera 1 formulär så att det har en separat vy för dator och mobil kan du läsa vår guide om att använda dynamiska block i formulär.

När du har lagt till block och fält i ditt registreringsformulär kan du läsa mer om hur du formger det så att det matchar ditt varumärke. När du är redo att publicera klickar du på Publicera eller schemalägg och väljer Publicera nu. Lös alla blockeringsvarningar och klicka sedan på Publicera nu för att bekräfta. Om du skapar ett inbäddat formulär måste du också lägga till formulärets inbäddningskod på din webbplats.

Ytterligare resurser