Använd mobiloptimering i Klaviyo registreringsformulär

Översikt

Skräddarsy dina Klaviyo-formulär för dator och mobil utan att duplicera formulär, vilket hjälper dig att publicera snabbare och förbättra upplevelsen för mobila besökare.

Med mobiloptimering kan du utforma upplevelser per enhet genom att redigera mobil- och skrivbordsvyer sida vid sida och välja om ändringar i block ska synkroniseras mellan enheter eller vara enhetsspecifika.

Innan du börjar

• Vissa blocktyper stöder inte avlänkning mellan enheter. Undantag inkluderar: Upplysning, Snurra för att vinna, Bild (hanteras separat) och Telefonnummer (samtycke i flera steg).

   

Så här fungerar det

Växla mellan förhandsgranskning av dubbla enheter

Förhandsgranska ditt formulär på dator och mobil sida vid sida för att se hur redigeringar anpassas mellan olika enheter i realtid. Detta minskar antalet växlingar fram och tillbaka och ökar kvaliteten på den mobila designen.

Länkade respektive olänkade block

Som standard är likvärdiga block i desktop och mobil länkade: ändringar i den ena vyn överförs till den andra. Du kan välja att avlänka block för att göra ändringar för mobil eller dator utan att duplicera formuläret.

Du kan avlänka/relänka ett markerat block genom att klicka på avlänkningsknappen i in-canvas eller på avlänkningsknappen i sidopanelen. 

När ett block är olänkat:

• Ändringarna gäller endast den aktuella enhetsvyn; den andra enhetens block ändras inte.
• Kloning av ett olänkat block skapar klonen endast i den aktuella enhetsvyn (kloning av ett länkat block duplicerar det till båda enheterna).

Omlänkningar av block:

• Relinking skapar ett nytt parat block över enheterna igen. Om motpartsblocket har raderats skapas det för den andra enheten så att båda vyerna har blocket igen (du kan sedan radera eventuella dubbletter som du inte behöver).

teaser per enhet

Du kan avlänka teaser via sidopanelen, så att desktop och mobil har var sin egen teaser styling. Omlänkningen återställer synligheten till alla enheter för den omlänkade teaser.

Steg-för-steg

Öppna dubbel förhandsgranskning

1. Öppna ditt formulär i redigeraren.
2. Växla till förhandsgranskningen via växlingsknappen som visar både desktop och mobil sida vid sida för att snabbt kunna bedöma layout och avstånd.

Koppla bort ett block för enhetsspecifika ändringar

1. Välj det block som du vill anpassa på mobilen.
2. Välj Unlink så att redigeringar i mobilen inte påverkar datorn.
3. Justera din mobillayout (t.ex. plats, teckenstorlek, avstånd) för läsbarhet på mindre skärmar.
4. Upprepa för andra block efter behov.

Återkoppla när du vill ha delat beteende igen

1. Markera blocket och välj Relink.
2. Om motsvarigheten saknas på den andra enheten skapar editorn den automatiskt.
3. Ta bort duplicerade block.

Ställ in teaser per enhet (valfritt)

1. Öppna teaser settings och välj Unlink.
2. Konfigurera teaser innehåll eller synlighet för datorer och mobiler oberoende av varandra.

3. Återkoppla senare om du vill att en teaser ska gälla för båda enheterna.

    

Bästa praxis för mobila formulär

• Prioritera mindre skärmar: använd större typsnitt och kortfattade texter.

• Öka antalet "tap targets" och det vertikala avståndet så att knappar och inmatningar blir lätta att använda.

• Tänk på helskärm på mobilen för att få fokus och tydlighet, särskilt på mindre enheter.

• Håll bildspråket ändamålsenligt. Om en sidobild konkurrerar med innehållet på små skärmar kan du dölja den eller förenkla layouten.

   

Begränsningar och beteenden att känna till

• Ett länkat block är ett enda block med enhetsvisibilitet inställd på både desktop och mobil. Alla ändringar som du gör i någon av vyerna uppdaterar det delade blocket.

• När du kopplar bort ett block skapar redigeraren ett andra block under huven och ställer in varje block på en annan enhet (ett för skrivbord och ett för mobil). Från och med då synkroniseras inte redigeringar mellan dem.

• Avlänkning stöds inte för vissa blocktyper: Disclosure, Spin to win, Image (hanteras separat i sidobildsarbete) och Phone number (samtycke i flera steg).

• Kloning fungerar olika beroende på länkstatus: kloner av länkade block visas på båda enheterna; kloner av olänkade block visas endast i den aktuella enhetsvyn.

• När du länkar om blir det valda blocket källan till sanningen och visas på båda enheterna. Om en motsvarighet saknas skapas den av editorn; om det finns flera versioner kan du behöva ta bort extra block som du inte vill behålla manuellt.

   

Utfall

Du bör nu kunna skapa ett registreringsformulär som är optimerat för mobila enheter utan att skapa två separata formulär. 

Felsökning

• Jag ser inte avlänkning/relänkning på ett block:
  Blocktypen kanske inte stöder avlänkning (se undantag).

• Min mobiländring påverkade skrivbordet (eller vice versa):
  Se till att blocket är olänkat innan du redigerar den enhetsspecifika versionen.

• Min relink skapade ett extra block:
  Det är förväntat om motparten saknades. Ta bort de dubbletter som du inte behöver efter omlänkning.

   

Kommande steg

• Komma igång med registreringsformulär.

• Grunderna: design av form och form.

• Hur man A/B-testar ett registreringsformulär.