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

Du kommer att lära dig

Lär dig mer om dynamiska block och hur du kan använda dem i registreringsformulär för att skapa olika vyer och upplevelser för kunder på stationära och mobila enheter. Alla block i formuläret kan göras dynamiska genom att justera inställningarna för synlighet.

Med dynamiska block kan du styra vilka block som ska visas beroende på enhet. Du kan konfigurera block så att de visas på olika sätt i formuläret beroende på enhet, eller så att de visas på en enhet men inte på en annan.

Användningsområden för dynamiska block:

• Anpassa formulärvisningen för olika typer av enheter (t.ex. mobil och dator) så att kunderna ser en design som är anpassad till deras skärm.
• Skapa ett enda formulär med olika sms opt-in-metoder som visas för varje enhetstyp för att optimera konverteringen (t.ex. visa ett tryck-till-text-alternativ på mobila enheter och ett telefonnummer indatafält på stationära enheter).

Innan du börjar

Öppna formuläret i editorn och navigera till avsnittet Targeting and Behaviors. Se till att formuläret är inställt för visning på både dator och mobil så att alla kunder kan se det.

Med den här inställningen kan du konfigurera separata skärmar för desktop och mobil.

Använd dynamiska block för att skapa distinkta vyer för desktop och mobil

Alla block eller indatafält i ett formulär, oavsett om de är befintliga eller nyligen tillagda från fliken Lägg till block, kan göras dynamiska. Följ dessa steg för att justera vilka enheter som ska visa ett visst block:

1. Klicka på block i förhandsgranskningspanelen för formuläret (t.ex. en text block).
2. I inställningsmenyn till vänster på block bläddrar du ner till Synlighet.
3. Välj om block ska visas på dator, mobil eller alla enheter.
4. Upprepa denna process för alla block som du vill ska vara dynamiska.

För att förhandsgranska hur formuläret ser ut på varje enhet använder du vyväljaren i det övre högra hörnet av formulärredigeraren. Du kan växla fram och tillbaka mellan ikonen för skrivbordet och ikonen för den mobila enheten för att se båda vyerna.

• Skrivbordsvyn visar hur ditt formulär kommer att se ut för kunder som surfar på din webbplats på en dator. Endast block som konfigurerats för Desktop och All devices kommer att synas i den här vyn.
• Den mobila vyn förhandsgranskar vad kunderna kommer att se när de surfar på en mobil enhet. Här visas block som är konfigurerade för Mobile och All devices.

Exempel

Låt oss säga att du vill att formulärets rubriktext ska visas på olika sätt på en dator och en mobil enhet. Så här konfigurerar du detta:

1. Välj skrivbordsikonen i vyväljaren i det övre högra hörnet. 
2. Markera den text som du vill redigera i förhandsgranskningen av formuläret och gör dina ändringar.
3. I inställningsmenyn för texten block bläddrar du till Synlighet och ställer in texten block så att den endast visas på skrivbordet .
   
   

   När du ställer in en block så att den bara visas på desktop väljer du att dölja block från mobilanvändare, så den kommer inte att synas i förhandsgranskningen på mobilen.

4. För att justera den mobila vyn växlar du till den mobila förhandsgranskningen genom att välja mobilikonen i vyväljaren.
5. Gå till fliken Lägg till block och dra och släpp en ny text element i den mobila förhandsgranskningen.
6. Anpassa standardtexten för rubriker för mobila kunder. Denna text ska vara annorlunda än den som du använde i skrivbordsversionen.
7. I texten block's inställningsmeny, bläddra ner till Synlighet och ställ in den här texten block för att visa på mobil.
   
   
8. Valfritt: Upprepa denna process för andra element eller indatafält som du vill visa på olika sätt beroende på enhetstyp (t.ex. visa en bild för desktop-shoppare men dölja den på mobilen).
   • Om du vill göra bilder i ditt formulär dynamiska kan du göra det:
     • Lägg till en sidobild i både mobil- och skrivbordsvyn, eller bara i en av de två.
     • Använd en sidobild i desktopvyn och placera en bild ovanför rubriktexten på mobilen, eller vice versa. 

Använd dynamiskt block för att optimera sms-samtycke insamling

Om du har ett registreringsformulär som samlar in sms-samtycke kan du använda dynamiska block för att optimera sms opt-in-metoden för varje enhet (t.ex. visa mobilkunder en tryck-till-text-knapp, medan desktopkunder ser ett telefonnummer indatafält). 

För att sätta upp detta:

1. Öppna ditt befintliga formulär i redigeraren och navigera till steget sms Opt-in i menyraden. 
   • Om ditt formulär inte redan har det här steget klickar du på +Steg > sms Opt-in och väljer en lista för att lägga till det.
     
2. I vyväljaren längst upp till höger väljer du skrivbordsikonen för att anpassa skrivbordsvyn för ditt formulär. 
3. Välj telefonnumret indatafält i förhandsgranskningen och under Synlighet ställer du in att det ska visas på skrivbordet. Gör samma sak för språket för sms-information och för sändningsknappen.
   
   

   Observera att när du ställer in ett block så att det visas specifikt på stationära enheter kommer det inte att döljas i mobilvyn. 

4. Växla till den mobila vyn av ditt formulär genom att välja mobilikonen i det övre högra hörnet.
5. Välj fliken Lägg till block och dra och släpp sedan en ny knapp block i förhandsgranskningen för mobilen. 
6. Ändra knappens åtgärd till prenumerera via sms.
   
   
7. Anpassa din prenumerera Nyckelord och prenumerera Meddelande för din tap-to-text uppmaning.
8. Under Sändande region väljer du lämpligt telefonnummer för den region som du vill rikta formuläret till. 
9. Växla tillbaka och fram mellan desktop- och mobilvyerna för att se till att blocket visas som du tänkt dig på varje enhet. 

Nu är dina dynamiska block konfigurerade för att samla in sms-samtycke på den mest optimerade metoden för både desktop och mobil. 

Kommande steg

Innan du publicerar ditt registreringsformulär kan du gå till fliken Stilar och ändra layout, teckensnitt och färger så att de matchar ditt varumärke. Var också noga med att lägga till och anpassa ditt sms-informationsspråk.

Ytterligare resurser

sms opt-in metoder referens

Förstå formulärblock och fält

Förståelse för stilar för ett registreringsformulär

kurs: Klaviyo Produktcertifikat