Hoppa till innehåll
Observera: Översättningen av denna artikel är endast avsedd att underlätta för dig. Översättningen har skapats automatiskt med hjälp av en översättningsprogramvara och har eventuellt inte korrekturlästs. Den engelska versionen av denna artikel bör därför betraktas som den gällande versionen med den senaste informationen. Du kan komma åt den här.

Skapa popup-formulär

Senast uppdaterad: november 15, 2023

Tillgänglig med något av följande abonnemang, om inte annat anges:

Alla produkter och planer

Med verktyget för popup-formulär kan du skapa engagerande formulär för lead capture för att locka nya leads. Du kan använda popup-formulär med alla blogginlägg, målsidor och webbsidor som finns på HubSpot.

Om du vill trigga din popup med en knapp eller anpassa en popup ytterligare rekommenderar vi att du skapar en CTA med ett formulär istället.

Observera: verktyget för popup-formulär är under avveckling och kommer att fasas ut. Från och med den 17 juli kommer alla användare av Starter, Professional och Enterprise inte längre att kunna skapa eller klona popup-formulär. Användare kommer fortfarande att kunna redigera, ta bort och avpublicera befintliga popup-formulär. Vi rekommenderar att du använder det nya CTA-verktyget för att skapa sticky banner, pop-up box eller slide-in CTA istället.

Skapa ett popup-formulär

För att lägga till popup-formulär på en extern sida måste du installera HubSpot-spårningskoden på din externa webbplats eller installera HubSpot WordPress-plugin på din WordPress-webbplats.

Skapa ett nytt popup-formulär:

  • I ditt HubSpot-konto navigerar du till Formulär:
    • För Professional- och Enterprise-konton, navigera till Marknadsföring > Lead Capture > Formulär.
    • För Starter- och Free-konton, navigera till Marknadsföring > Formulär.
  • Klicka på Skapa formulär längst upp till höger.
  • För att associera formuläret med en affärsenhet ( endasttillägget Affärsenheter ):
    • Klicka på rullgardinsmenyn Välj en affärsenhet.
    • Välj den affärsenhet som du vill associera formuläret med.
  • Välj formulärtyp. Om du vill skapa ett popup-formulär väljer du någon av följande formulärtyper:
    • Popup-box
    • Banner med rullgardinsmeny
    • Slide i vänster ruta
    • Slide i höger ruta
  • Klicka på Nästa uppe till höger.
  • Överst i formulärredigeraren klickar du på pennikonen edit för att redigera formulärnamnet.

Ställ in ditt callout

På fliken Utrop kan du lägga till och anpassa utropstext för att fånga dina besökares uppmärksamhet. Alla anpassningar visas i förhandsgranskningen till höger, så att du har en uppfattning om hur popup-formuläret kommer att se ut när det är live på din sida.

  • Utvaldbild: välj en utvald bild som ska visas på både utropet och formulärsteget (endast popup-box och slide-in-box).
  • Utropstext: ange text för huvudrubriken på utropet.
  • Utropstext: Ange ytterligare information eller detaljer om utropet. Detta är valfritt.
  • Text för knapp för utrop: ange text för knapp för utrop i formuläret.
  • Temafärg: Ange temafärg för knappen på popup-formuläret. Välj en anpassad färg från färgväljaren eller ange ett hexvärde manuellt.
  • Länkknapp: välj vart knappen för utrop ska länka till.
    • Formulärsteg: dirigera dina användare till ett formulär från popup-formuläret. Anpassa ditt formulär genom att klicka på fliken Formulär.
    • URL som inte är från HubSpot: ange en länk till en extern sida.
    • HubSpot-sida eller blogginlägg (Marketing Hub eller CMS HubStarter, Professional eller Enterprise): välj en HubSpot-sida eller ett blogginlägg i rullgardinsmenyn.
    • Filnedladdning: klicka på Bläddra bland filer för att lägga till din fil.
    • Möteslänk: välj en möteslänk från rullgardinsmenyn.
    • Kalenderhändelse: skapa en kalenderhändelse och konfigurera dina händelsedetaljer. Händelsen skapas i kundens Google- eller Outlook-kalender.

Anpassa ditt popup-formulär

Om din callout-knapp länkar till ett formulärsteg kan du anpassa det formulär som visas. Anpassa följande detaljer på fliken Formulär:
  • Formulärtext: ange eventuell ytterligare information eller detaljer som ska visas före formulärfälten. Detta är ett valfritt steg.
  • Tillagda fält: välj fälten för ditt popup-formulär. Standardfältet E-post inkluderas automatiskt och högst fyra fält kan läggas till i formuläret.
    • Om du vill lägga till ytterligare fält i formuläret klickar du på + Lägg till ytterligare ett formulärfält.
      • Popup-formulär stöder följande fälttyper: enkelradig text, flerradig text, rullgardinsmeny, enkel kryssruta, nummer, datumväljare och fil.
      • Användare med ett Marketing Hub Starter-, Professional- eller Enterprise-konto kan skapa anpassade kontaktegenskaper i popup-formulär.
    • Om du vill anpassa hur ett formulärfält visas för besökare klickar du påpennikonen edit .
      • Du kan redigera fältetiketten, lägga till platshållartext eller ange ett standardvärde.
      • För fältet E-post kan du ange e-postadresser och domäner som ska blockeras.
  • Text för formulärknapp: anpassa texten för formulärknappen. Som standard kommer formulärknappstexten från fliken Callout att fylla i detta fält.
  • GDPR-alternativ: Om du har aktiverat sekretessinställningar för data i ditt HubSpot-konto kan du ställa in alternativet för meddelande och samtycke för detta popup-formulär. För att anpassa standardtexten klickar du på edit pennikonen.
  • Språk: ställ in formulärets språk. Detta kommer att ändra formulärfältets etiketter, meddelande om meddelande och samtycke / legitimt intresse och felmeddelanden som visas på formuläret. Alla andra redigerbara fält måste översättas manuellt.
  • CAPTCHA: aktivera CAPTCHA för att ge ytterligare skydd mot spam-inlämningar.

Skapa ett tackmeddelande för formuläret

Om din callout-knapp länkar till ett formulärsteg kan du konfigurera vad som händer när en besökare skickar in ditt popup-formulär på fliken Tack.

  • I fältet Tackmeddelande anger du ett meddelande som ska visas efter att besökare har skickat in ditt popup-formulär. Du kan använda redigeraren för rik text för att formatera din text.
  • Lägg till en knapp efter ditt tackmeddelande för att omdirigera dina besökare någon annanstans:
    • Markerakryssrutan Lägg till en knapp.
    • Anpassa knapptexten.
    • Välj länken för din knapp:
      • URL utanför HubSpot: omdirigera besökare till en extern sida. Ange sidans URL.
      • HubSpot-sida eller blogginlägg (Marketing Hub ellerCMS Hub Starter, Professional eller Enterprise): välj en HubSpot-sida eller ett blogginlägg från rullgardinsmenyn.
      • Filnedladdning: klicka på Bläddra bland filer för att lägga till din fil.
      • Möteslänk: välj en möteslänk från rullgardinsmenyn.
      • Kalenderhändelse: skapa en kalenderhändelse och konfigurera dina händelsedetaljer. Händelsen skapas i kundens Google- eller Outlook-kalender.

Observera: Konton som använder HubSpots kostnadsfria verktyg måste slutföra en e-postinställningsguide för att aktivera dubbel opt-in för popup-formulär som skapar ett uppföljningsmejl lägger automatiskt till en CAPTCHA i formuläret.

Anpassa inriktningen för ditt popup-formulär

Rikta in dig på dina besökare genom att välja när du vill att popup-formuläret ska visas på din webbplats. Lägg till filter för att kombinera flera uppsättningar regler för att avgöra när popup-formuläret ska visas. Läs mer om regler för inriktning.

Webbplatsens URL

Du kan lägga till villkorlig logik för specifika webbadresser och/eller värden för frågeparametrar. Som standard visas popup-formuläret på alla sidor.

  • Visa popup-formuläret när en besökare befinner sig på en viss webbplatsadress, i avsnittet Webbplatsadress :
    1. Klicka på den första rullgardinsmenyn och välj Webbplats-URL.
    2. Klicka på den andra rullgardinsmenyn och välj en riktningsregel.
    3. Ange dina regelkriterier i textfältet.

  • Visa popup-formuläret när en besökare befinner sig på en webbplatssida vars URL innehåller specifika frågeparametrar:
    1. Klicka på den första rullgardinsmenyn och välj Frågeparameter.
    2. Ange namnet på frågeparametern i det första textfältet.
    3. Klicka på rullgardinsmenyn och välj en riktningsregel.
    4. I det andra textfältet anger du värdet för frågeparametern.


  • Om du vill lägga till en annan regel klickar du på Lägg till regel.
  • Om du vill utesluta popup-formuläret från vissa sidor (t.ex. en sida med sekretesspolicy) klickar du på Lägg till uteslutningsregel.

Information om och beteende hos besökare (valfritt)

Du kan också rikta ditt popup-formulär till specifika kontakter baserat på känd information om besökaren och dennes beteende. Vilken typ av filtreringsregler du kan lägga till beror på ditt kontos prenumerationer. Marketing Hub Professional- och Enterprise-konton kan skapa filter med ytterligare kriterier för när popup-formuläret ska visas eller döljas.

För att ange kriterier baserade på besökarinformation, i avsnittetBesökarinformation och beteende :

  • Välj när popup-formuläret ska visas:
    • Klicka på den första rullgardinsmenyn i rutan Visa popup för att välja när popup-formuläret ska visas.
    • Klicka på nästa rullgardinsmeny för att välja dina filtreringsregler.
    • Om du vill lägga till fler regler för när popup-formuläret ska visas klickar du på Lägg till regel och väljer filter.
  • Välj när popup-formuläret ska döljas:
    • Klicka på Lägg till uteslutningsregel.
    • Klicka påden första rullgardinsmenyn för att välja när popup-formuläret ska döljas .
    • Klicka på nästa rullgardinsmeny för att välja dina filtreringsregler.
    • Om du vill lägga till fler regler för när popup-formuläret ska döljas klickar du på Lägg till uteslutningsregel och väljer dina filter.
  • Om du vill skapa en annan uppsättning filtreringsregler klickar du påLägg till filtergrupp och väljer filtreringsregler.

add-filter-groups

Utlösande faktorer

Ange när popup-formuläret ska visas på sidan.


Vänligen observera:

  • När flera triggers är valda kommer formuläret att visas enligt det triggervillkor som uppfylls först.

  • När en kontakt har fyllt i ditt popup-formulär kommer det inte att visas igen om de befinner sig i samma webbläsarsession.

Du kan välja följande alternativ:

  • Vid 50% scroll: formuläret visas när besökaren har scrollat halvvägs ner på sidan.
  • On exit intent ( endastpopup-box ): formuläret visas när besökaren flyttar markören till webbläsarfönstrets övre fält.
  • Efter förfluten tid: formuläret kommer att visas efter det angivna antalet sekunder.

Anpassa alternativen för popup-formuläret

På fliken Alternativ kan du anpassa inställningarna för popup-formuläret ytterligare. Vissa alternativ kanske inte visas, beroende på dina HubSpot-prenumerationer och vilka integrationer du har lagt till. Du kan konfigurera följande alternativ:

  • Schemaläggning ( endastProfessional- eller Enterprise-konton ): som standard publiceras ett popup-formulär omedelbart. Om du vill schemalägga ett popup-formulär så att det bara är aktivt från ett visst datum väljer du Schemalägg för senare.
    • Om du vill publicera popup-formuläret på ett visst datum och en viss tid klickar du på rullgardinsmenyerna Startdatum och Tid och ställer in datum och tid.
    • Om du vill avpublicera popup-formuläret på ett visst datum och en viss tid klickar du på kryssrutan Ange datum och tid för avpublicering och klickar sedan på rullgardinsmenyerna Slutdatum och Tid och anger datum och tid.
  • Ange ett livscykelstadium när en kontakt eller ett företag skapas: klicka på rullgardinsmenyn Ange livscykelstatus till och välj ett livscykelstadium. När besökare skickar in ett formulär kommer motsvarande post att ställas in på det valda livscykelstadiet.
    • Du kan inte flytta en posts livscykelstadium bakåt. Om en befintlig kontakt eller ett företag med ett senare livscykelstadium skickar in ett formulär kommer livscykelstadiet inte att uppdateras.
  • Små skärmstorlekar: Om du vill stänga av popup-formuläret på mobila enheter markerar du kryssrutan Stäng av popup-formuläret på små skärmstorlekar . Popup-formulär är mobiloptimerade, men vi rekommenderar att du inaktiverar dem på mobila enheter.
  • Visa avvisat popup-formulär igen efter: klicka på rullgardinsmenyn för att ange hur lång tid som ska gå efter att en besökare avvisat popup-formuläret, innan det visas igen.
  • Lägg till kontakter i Salesforce-kampanj: Om du använder Salesforce-integrationen klickar du på rullgardinsmenyn för att associera alla kontakter som skickar in popup-formuläret med en Salesforce-kampanj.
  • Lägg till kontakter i GoToWebinar: Om du använder GoToWebinar-integrationen klickar du på rullgardinsmenyn för att registrera alla kontakter som skickar in popup-formuläret för ett specifikt webbinarium.
  • När kontakter fångas, skicka e-postmeddelanden till: klicka på rullgardinsmenyn för att meddela en HubSpot-användare eller ett team när kontakter fångas.
  • Skicka opt-in e-post: för att hantera inställningar för dubbel opt-in för dina popup-formulär, klicka på Hantera i inställningar.
  • Ange skapade kontakter som marknadsföringskontakter: om ditt HubSpot-konto har tillgång till marknadsföringskontakter kan du automatiskt ange alla kontakter som skapas från detta formulär som marknadsföringskontakter.
  • Skickanya kontakter till din e-postleverantör (valfritt): För att ställa in en e-postleverantör att skicka kontakter till klickar du på Hantera i inställningarna. Läs mer om att skicka kontakter till MailChimp-listor.



Använd automatiseringar med ditt popup-formulär

Använd enkla automatiseringsfunktioner som att skicka ett uppföljningsmejl till en kontakt eller skicka automatiska interna e-postaviseringar med dina popup-formulär. Du kan också använda formulärinlämningen som en trigger i ett enkelt arbetsflöde. Läs mer om hur du använder automatiseringar med formulärverktyget.

  • Överst klickar du på fliken Automatiseringar. fliken Automatiseringar kan du konfigurera vad som händer efter att formuläret har skickats in.
    • I avsnittet Välj vad som händer efter att ett formul är har skickats in kan du anpassa inställningarna för ditt formulär efter behov.
    • I avsnittet Skapa ett enkelt arbetsflöde ställer du in ett enkelt arbetsflöde för att automatisera uppföljningsåtgärder som att skicka ett e-postmeddelande eller ställa in en kontaktegenskap.

Förhandsgranska ditt popup-formulär

På fliken Förhandsgranskning kan du testa en interaktiv förhandsgranskning av ditt popup-formulär.

  • Om du vill se hur popup-formuläret visas på olika enheter klickar du på knapparna Desktop, Tablet eller Mobile längst upp till vänster.
  • För att visa varje steg i popup-formuläret, klicka påleftrightvänster och höger pilikoner.

Publicera och avpublicera ditt popup-formulär

  • När du är klar med att konfigurera formuläret klickar du på Publicera längst upp till höger för att aktivera popup-formuläret.
  • Du kan också avpublicera ett live-formulär från fliken Alternativ:
    • Navigera till fliken Alternativ.
    • Klicka på Avpublicera.
    • Klicka på Avpublicera popup-formulär i dialogrutan.
    • När du har avpublicerat formuläret kan du välja att antingen gå tillbaka till formulärpanelen genom att välja Gå till panelen, eller stanna kvar i formulärredigeraren genom att välja Stanna kvar i redigeraren.

New Call-to-action

Hjälpte artikeln?
Detta formulär används endast för dokumentationsfeedback. Få reda på hur du får hjälp med HubSpot.