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 formuläret.
Det finns 2 olika blockkategorier:
- Element
- Indatafält
När du drar och släpper ett block i förhandsgranskningen av formuläret visas redigeringsalternativ i sidofältet till vänster. Här kan du justera blockets detaljtext, 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är Formuläret stängs och data skickas inte till Klaviyo.
- Skicka formulär Alla formulärfält som besökaren fyllde i skickas till Klaviyo, och formuläret fortsätter baserat på alternativet 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).
Åtgärden Gå till URL fungerar inte med en ofullständig URL.
-
Prenumerera via sms
Du kan konfigurera det här alternativet på formulär som bara visas på mobilen eller i mobilvyn för steget SMS-registrering för formulär som riktar sig till alla enheter. Det gör att besökare kan prenumerera på sms med bara några tryck (tryck för att sms:a). När en besökare klickar på en knapp för Prenumerera via sms 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 prenumerera Nyckelord. Det här är ordet som någon måste sms:a till ditt destinationsnummer för att läggas till i ditt kontos sms-prenumerationslista, och det konfigureras på kontonivå.
- Ange ett opt-in-meddelande som fylls i i deras meddelandeapp. Som standard står det ”Skicka det här sms:et för att prenumerera på <organization_name>!”, men du kan anpassa meddelandets innehåll. Det här fältet tillåter bara 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
Du kan ändra vilken lista ditt formulär skickar till (det vill säga listan som nya prenumeranter samlas in till) i knappens inställningar. Så här ändrar du ett formulärs inskickningslista:
- Klicka på knappen i formulärredigeraren.
- I menyn som visas till vänster väljer du den nya listan under Lista att skicka till.
- Klicka på Tillbaka i sidofältet för redigering.
- 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 samlas in 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.
Det här alternativet är bara tillgängligt för knappar med Åtgärd inställd på Skicka formulär.
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.
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 Kupongkod i ett formulär. Klaviyos bästa praxis rekommenderar att du visar dessa koder i steget Lyckades, 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 Kupongkod 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 räknarblock för registreringsformulär för att visa inskick i realtid (t.ex. "500 personer har registrerat sig för de här erbjudandena den senaste timmen!") i formuläret för att öka konvertering och påskynda listtillväxten. Det här blocket använder sociala bevis för att skapa brådska och få 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:
-
Visningsinställningar
Avgör hur registreringar räknas. Observera att en prenumerant måste nå formulärets steg för lyckat resultat:
- 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.
Blocket kommer att döljas för webbplatsbesökare tills det minsta antalet inskickningar har överskridits. När det minsta antalet inskickningar har uppnåtts (t.ex. 200 inskickningar) visas blocket i ditt formulär.
Standardtexten kommer att spegla dina valda inställningar för Visning. Även om den här texten kan konfigureras ska du inte ta bort {{ form_submit_count }} etiketten, eftersom den visar antalet registreringar i realtid.
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 en 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 formuläret väljer du en befintlig egenskap i rullgardinsmenyn profilegenskaper eller skapar en ny genom att skriva in ett nytt egenskapsnamn och klicka på Skapa alternativ.
Om inget annat anges lagras indata från dessa fält på varje individs profilsida.
Det är inte rekommenderat att uppdatera anpassade profilegenskaper i Klaviyo som synkroniserades via en integrationer (t.ex. Shopify-etikett), eftersom dessa kommer att skrivas över nästa gång din integrationer synkroniseras.
Indatafält för e-post
E-postindatafält gör det möjligt för besökare att ange sina e-postadresser och prenumerera på listan som är kopplad till formuläret. Ett formulär kan bara ha 1 e-postindatafält, och det måste visas i något av formulärets steg, inte i framgångsmeddelandet.
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 datum anges i ditt formulär (t.ex. DD/MM/YYYY), men datumen lagras fortfarande i standardformatet MM/DD/YYYY på personliga profiler. Om du väljer ett alternativ i menyn Datumformat som inte inkluderar ett år (t.ex. MM DD) läggs ett standardår automatiskt till i varje prenumerants profil. Datum som skickas in via ett datumfält lagras med datatypen datum.
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.
Åldersgrind
Åldersgrindar kan göra att alkoholrelaterade varumärken kan använda sms i USA, Storbritannien och Australien. Åldersgrind måste vara aktiverat i ditt Konto innan du kan lägga till åldergrindsblock i dina registreringsformulär och börja använda sms. Läs mer om åldersgrind för alkohol 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:
- I förhandsgranskningen av formuläret i redigeraren håller du muspekaren över blocket som du vill ta bort.
- Välj papperskorgsikonen som visas.
- I den modala dialogrutan Ta bort block väljer du Ta bort block. Observera att ett block inte kan återställas när du har tagit bort det.
Kommande steg
Om du vill konfigurera 1 formulär så att det har en separat skrivbordsvy och mobilvy kan du gå till 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 ett popup-formulär, en flyout eller ett helsidesformulär klickar du bara på Publicera för att aktivera det på din webbplats. Om du bygger ett inbäddat formulär kan du lägga till formulärets inbäddningskod på din webbplats för att publicera.