Så här lägger du till en formulärsteaser
Du kommer att lära dig
Läs mer om hur du lägger till en teaser i ditt popup- eller flyout-registreringsformulär, som är en liten widget som en besökare kan klicka på för att stänga och öppna ett formulär igen när de vill.
Teaser kan användas för popupformulär, flyout-formulär och helsidesformulär. Teaser är inte tillgängliga för inbäddade formulär.
Lägg till en teaser i en popup eller flyout, eller i ett registreringsformulär på en hel sida
Om du vill lägga till en teaser i ett formulär går du till fliken Registreringsformulär och öppnar ett befintligt formulär eller skapar ett nytt. Klicka på (+) Teaser i formulärredigeraren.
Välj en teaser-stil
Under Formatmallar väljer du en av 3 teaserformer:
- Rektangel
Använd rektangelformen för en teaser i tabbformat - Cirkel
Använd cirkelformen för en teaser i bubbelformat - Hörn
Använd hörnformen för en teaser som ligger i ett hörn av webbplatsen
Placera din teaser på någon av sidorna eller i något av hörnen på din webbplats. Teaserns storlek är optimerad för en mängd olika enheter. Se till att granska förhandsvisningarna för dator och mobil för att säkerställa att teaserns placering inte krockar med andra popup- eller teaser-liknande element på din webbplats.
Här kan du också välja en storlek för din teaser för formulär (dvs. Small, Medium, Large, Custom) med hjälp av rullgardinsmenyn.
Observera att om du väljer en rektangulär stil ändrar den inte storlek på mobilen. Teaser för rektangulära formulär optimeras automatiskt för mobil så att de visas centrerade och bredare, vilket gör dem enklare att trycka på.
Redigera teaserns innehåll
Under Innehåll lägger du till eller redigerar text och textstilar i din teaser. Som minimum bör din teaser antyda vad ditt formulär erbjuder. Håll teasern kort för maximal effekt. Använd de här exemplen på teaser-text som inspiration:
- 15 % rabatt
- Lös in present
- 🎁
- Ange utlottning
- Fri frakt ➡️
Om din teasertext nämner ett specifikt erbjudande ska du se till att leverera det erbjudandet till prenumeranter antingen i formulärets bekräftelsemeddelande eller med hjälp av en välkomstserie.
Här kan du även redigera din teaser-design (dvs. Bakgrundsfärg, Färgradie, Skugga, Bakgrundsbild och Blockstilar).
Ange teaserbeteenden
Välj 1 av följande alternativ för att avgöra 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 att en besökare kan öppna formuläret igen om de avfärdar det, men den visas inte innan formuläret dyker upp. Teasern fortsätter 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, visas 2 sekunder efter att sidan har laddats. Den visas tills en besökare klickar på den eller tills formulärets visningsvillkor uppfylls (t.ex. tidsfördröjning eller rullningsprocent).
Observera att om ditt formulär är inställt på att visas direkt när sidan laddas, eller efter mindre än 2 sekunders väntan, hoppas teasern ö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 för närvarande är öppet eller besökaren har slutfört dess primära konverteringsåtgärd.
Om du har inställningar för kollisionsförebyggande aktiverade i ditt Klaviyo-konto visas inga formulärteasers på din webbplats, eftersom det räknas som att visa ett annat formulär i samma session. Du kan justera tidsfördröjningen i kollisionsinställningarna så att teasern visas. Om dina inställningar för kollisionsförebyggande till exempel är inställda på att visa nästa formulär efter 5 minuter, visas teasern efter 5 minuter.
Utöver reglerna ovan visas en teaser bara för besökare som uppfyller formulärets inriktningsinställningar i avsnittet Beteenden och inriktning i ditt formulär. En teaser som till exempel är inställd på att visas innan ett formulär visas visas bara för besökare som uppfyller formulärets inriktningsinställningar (dvs. medlemskap i lista/segment, plats och webbadress). När formulärets återstående utlösare har uppfyllts (t.ex. exit intent, skrollängd eller tidsfördröjning) stängs teasern och formuläret visas.
Lägg till en stängningsknapp på din teaser
Du kan lägga till en stängningsknapp i din formulär-teaser (X-knappen) så att dina kunder kan stänga teasern om de inte är intresserade av formulärets innehåll.
Som standard kommer din teaser inte att innehålla en stängningsikon. Under Beteende växlar du Visa stängningsknapp -reglaget till på för att lägga till en.
Observera att om en besökare klickar på X:et för att stänga teasern kommer den att följa samma regler för visningsfrekvens som registreringsformuläret som den är kopplad till. Om en besökare 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 har stängt det, kommer både formuläret och dess teaser att följa beteendeinställningen och visas igen om 5 dagar.
Formulär-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, visas den tills besökaren slutför formulärets primära konverteringsåtgärd.
- För formulär med åtgärder för e-post- eller sms-prenumeration räknas inskickning av en e-postadress eller ett telefonnummer som en primär konverteringsåtgärd.
- För formulär som innehåller både e-post- och sms-fält i flera steg räknas det som en primär konverteringsåtgärd att skicka in det som visas först i formuläret.
Observera att om det primära konverteringssteget (dvs. e-poststeget i ett formulär med flera steg) skickas in försvinner teasern inte automatiskt när du avböjer det andra steget (dvs. sms-steget). I stället behöver du uppdatera sidan eller navigera till en ny sida för att inte längre se formulärteasern.
- För formulär utan en åtgärd för e-post- eller sms-prenumeration (t.ex. en popup för en blixtrea med en åtgärd för ”Gå till webbadress”) räknas ett klick på knappen ”Gå till webbadress” som en primär konverteringsåtgärd.
Om en flerstegsforms primära konverteringsåtgärd inte har slutförts öppnar du formuläret igen på det senaste ofullständiga steget om du klickar på formulärets teaser inom samma webbsession.
Ta bort teaser
För att ta bort en teasers teaser klickar du på de tre punkterna på teaser-knappen och klickar sedan på Ta bort. Detta tar bort alla teaser-inställningar. Om du senare lägger till en teaser igen i samma formulär återställs den till standardinställningarna för teasern.
