Du kommer att lära dig

Du kommer att lära dig

Lär dig hur du lägger till en teaser till din popup eller undermeny registreringsformulär, vilket är en liten widget som en besökare kan klicka på för att stänga och öppna öppna ett formulär som de vill.

teaser kan användas för popup, undermenyformulär och helsidesformulär. teaser är inte tillgängliga för inbäddade formulär. 

Lägg till en teaser till en popup eller undermeny, eller helsida registreringsformulär 

Lägg till en teaser till en popup eller undermeny, eller helsida registreringsformulär 

För att lägga till en teaser i ett formulär, navigera till fliken registreringsformulär och öppna ett befintligt formulär eller skapa ett nytt. Klicka på (+) teaser i formulärredigeraren. 

Teaserknappen + väljs från menyraden i formulärredigeraren.

Välj en teaser-stil

Välj en teaser-stil

Under Styles väljer du en av de 3 teaser formerna: 

  • Rektangel
    Använd rektangelformen för en teaser i tabbstil
  • Cirkel
    Använd cirkelformen för en bubbelliknande teaser
  • Hörn
    Använd hörnformen för en teaser som är undangömd i ett hörn av din webbplats

Placera din teaser på någon av sidorna eller i något av hörnen på din webbplats. Storleken på teaserär optimerad för en mängd olika enheter. Se till att visa förhandsvisningarna för skrivbord och mobil för att säkerställa att teaser:s placering inte står i konflikt med andra popup- eller teaser-element på din webbplats. 

I avsnittet Styles för formulärredigeraren finns ett exempel på ett registreringsformulär där teaser är inställt på Rectangle i det nedre högra hörnet och storleken Medium.

Här kan du också välja en storlek för ditt formulär teaser (t.ex. Small, Medium, Large, Custom) med hjälp av rullgardinsmenyn.

Observera att om du väljer en rektangulär stil kommer den inte att ändra storlek på mobilen. Teaser i rektangelform är automatiskt optimerade på mobilen för att visas centrerade och bredare, vilket gör dem lättare att trycka på.

Redigera teaser:s innehåll

Redigera teaser:s innehåll

Under Innehåll kan du lägga till eller redigera text och textstilar i din teaser. Som ett minimum bör din teaser antyda ditt formulärs erbjudande. Håll teaser kort för att få maximal effekt. Använd dessa exempel på teaser-texter för inspiration: 

  • 15% rabatt 
  • Lös in gåva 
  • 🎁
  • Delta i tävlingen
  • Fri frakt ➡️

Om din teaser text nämner ett specifikt erbjudande, se till att leverera det erbjudandet till prenumeranten antingen i ditt formulärs framgångsmeddelande eller med hjälp av en välkomstserie

Här kan du också redigera din teaser-design (dvs. bakgrundsfärg, färgradie, droppskugga, bakgrundsbild och blockstilar).

I avsnittet Innehåll, bakgrund och blockstilar finns ett exempel på ett formulär teaser i formulärredigeraren.

Ställ in teaser-beteenden

Ställ in teaser-beteenden

Välj 1 av följande alternativ för att bestämma när din teaser ska visas: 

  • Efter att formuläret har stängts
    En teaser som är inställd på att visas efter att ett formulär har stängts gör det möjligt för en besökare att öppna formuläret igen om de avvisar det, men visas inte innan formuläret dyker upp. teaser kommer att fortsätta att visas på alla sidor tills besökaren slutför formulärets primära konverteringsåtgärd. 
  • Innan formuläret visas
    En teaser som är inställd på att visas innan ett formulär visas kommer att visas 2 sekunder efter att sidan har laddats. Det visas tills en besökare klickar på det eller tills formulärets visningsvillkor uppfylls (t.ex. tidsfördröjning eller scrollprocent). 
    Observera att om formuläret är inställt på att visas direkt när sidan laddas, eller efter mindre än 2 sekunders väntan, kommer teaser att hoppas över. 
  • Innan formuläret visas och efter att formuläret har stängts
    En teaser med den här inställningen visas 2 sekunder efter att sidan har laddats och fortsätter att visas om inte formuläret är öppet eller besökaren har slutfört sin primära konverteringsåtgärd.

Om du har aktiverat inställningar för kollisionsskydd på din Klaviyo Konto kommer formulärteaser inte att visas på din webbplats, eftersom det anses visa ett annat formulär i samma session. Du kan justera tidsfördröjningen i kollisionsinställningarna för att få teaser att synas. Om dina inställningar för kollisionsskydd t.ex. är inställda på att nästa formulär ska visas efter 5 minuter, kommer teaser att visas efter 5 minuter. 

Utöver reglerna ovan kommer en teaser endast att visas för besökare som uppfyller formulärets inriktningsinställningar som finns i avsnittet Beteenden & Inriktning i ditt formulär. Till exempel kommer en teaser som är inställd på att visas innan ett formulär visas endast att visas för besökare som uppfyller formulärets målinställningar (dvs. medlemskap i lista/segment, plats och URL). När formulärets återstående triggers har uppfyllts (t.ex. avsikt att lämna, rullningslängd eller tidsfördröjning) stängs teaser och formuläret visas. 

Avsnittet Behavior i teasermenyn med inställningen Show teaser inställd på efter att formuläret har stängts och växlingsknappen Show Close Button aktiverad.

Lägg till en stäng-knapp i din teaser

Du kan lägga till en stäng-knapp i formuläret teaser (X-knappen) så att dina kunder kan stänga teaser om de inte är intresserade av formulärets innehåll.

Som standard innehåller din teaser inte någon stäng-ikon. Under Behavior, slå på knappen Show close button för att lägga till en. 

Observera att om en kund klickar på X:et för att stänga teaser kommer den att följa samma regler för visningsfrekvens som det registreringsformulär som den är ansluten till. Om en kund till exempel stänger både ett formulär och dess teaser, och formuläret är inställt på att visas igen 5 dagar efter att någon stängt det, kommer både formuläret och dess teaser att följa beteendeinställningen och visas igen om 5 dagar.

Form teaser och primära konverteringsåtgärder

Form teaser och primära konverteringsåtgärder

Om en teaser läggs till i ett flerstegsformulär och är inställd på att visas efter att formuläret har stängts, kommer den att visas tills besökaren slutför formulärets primära konverteringsåtgärd. 

  • För formulär med e-post- eller sms-prenumerationsåtgärder räknas det som en primär konverteringsåtgärd att skicka in en e-post eller ett telefonnummer.
  • För formulär som innehåller både e-post- och sms-fält i flera steg räknas det som visas först i formuläret som en primär konverteringsåtgärd.

    Observera att om det primära konverteringssteget (dvs. e-poststeget i ett flerstegsformulär) skickas in, kommer teaser inte att försvinna automatiskt när du avböjer det andra steget (dvs. sms-steget). Istället måste du uppdatera sidan eller navigera till en ny sida för att inte längre se formuläret teaser.

  • För formulär utan en e-post- eller sms-prenumerationsåtgärd (t.ex. en popup med flashförsäljning med en "Gå till URL"-åtgärd) räknas det som en primär konverteringsåtgärd att klicka på "Gå till URL"-knappen.

Om den primära konverteringsåtgärden i ett formulär med flera steg inte har slutförts, öppnas formuläret på nytt i det sista ofullständiga steget genom att du klickar på formulärets teaser i samma webbläsarsession. 

Ta bort en teaser

Ta bort en teaser

Om du vill ta bort ett formulärs teaser klickar du på de tre prickarna på teaserknappen och sedan på Ta bort. Detta tar bort alla inställningar på teaser. Om du senare lägger till en teaser på samma formulär kommer den att återställas till teaser:s standardinställningar. 

De 3d-punkter som valts bredvid teaser-knappen i menyraden i formulärredigeraren visar alternativet att ta bort.

Ytterligare resurser 

Ytterligare resurser 

 

Var den här artikeln till hjälp?
Använd endast detta formulär för feedback på artiklar. Lär dig hur du kontaktar support.

Utforska mer från Klaviyo

Community
Få kontakt med kollegor, partner och Klaviyo-experter för att hitta inspiration, dela insikter och få svar på alla dina frågor.
Live-utbildning
Delta i en livesession med Klaviyo-experter för att lära dig om bästa praxis, hur man konfigurerar viktiga funktioner och mer.
Support

Få tillgång till support via ditt konto.

E-postsupport (gratis provperiod och betalkonton) Tillgänglig dygnet runt, alla dagar i veckan

Chatt/virtuell hjälp
Tillgängligheten varierar beroende på plats och abonnemangstyp