HubSpot Kunskapsbas

Skapa popup-formulär

Skriven av HubSpot Support | Nov 2, 2021 3:37:54 PM

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, landningssidor eller webbplatssidor 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: den 17 juli stängdes verktyget för popup-formulär. Alla Starter-, Professional- och Enterprise-användare kan inte längre skapa eller klona popup-formulär. Användare kan fortfarande redigera, ta bort och avpublicera befintliga popup-formulär. Vi rekommenderar att du använder det nya CTA-verktyget för att skapa CTA:er i form av sticky banner, pop-up box eller slide-in istället.

Skapa ett popup-formulär

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

Så här skapar du ett nytt popup-formulär:

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

Ställ in din utlysning

På fliken Callout kan du lägga till och anpassa text för att fånga besökarnas uppmärksamhet. Alla anpassningar av utropstexten visas i förhandsgranskningen till höger, så att du får en uppfattning om hur ditt popup-formulär kommer att se ut när det är live på din sida.

  • Utvald bild: välj en utvald bild som ska visas både på uppropet och i formulärsteget (endast popup-box och slide-in-box).
  • Callouttext: ange text för huvudrubriken på callouten.
  • Calloutbody: ange eventuell ytterligare information eller detaljer om callouten. Detta är valfritt.
  • Knapptext för bildtext: ange knapptexten för bildtextformuläret.
  • Temafärg: ange temafärgen för knappen i popup-formuläret. Välj en anpassad färg från färgväljaren eller ange ett hexvärde manuellt.
  • Länkknapp: välj var knappen för uppropet ska länka till.
    • Formulärsteg: hänvisa dina användare till ett formulär från popup-formuläret. Anpassa formuläret genom att klicka på fliken Formulär.
    • Icke-HubSpot URL: ange en länk till en extern sida.
    • HubSpot-sida eller blogginlägg (Marketing Hub eller Content HubStarter, Professional eller Enterprise): välj en HubSpot-sida eller ett blogginlägg i rullgardinsmenyn.
    • Filhämtning: klicka på Bläddra bland filer för att lägga till din fil.
    • Möteslänk: välj en möteslänk i rullgardinsmenyn.
    • Kalenderhändelse: skapa en kalenderhändelse och konfigurera dina händelsedetaljer. Händelsen kommer att 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. På fliken Formulär anpassar du följande detaljer:
  • 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 Email inkluderas automatiskt och maximalt 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å + Add another form field.
      • Popup-formulär stöder följande fälttyper: text på en rad, text på flera rader, rullgardinsmeny, 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 på 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 det här fältet.
  • GDPR-alternativ: om du har dataintegritetsinställningar aktiverade i ditt HubSpot-konto kan du ställa in alternativet för meddelande och samtycke för detta popup-formulär. Om du vill anpassa standardtexten klickar du på edit pennikon.
  • Språk: ställ in formulärets språk. Detta kommer att ändra formulärfältens etiketter, meddelande om meddelande och samtycke/berättigat 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 skräppostinlä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 när besökarna skickar in popup-formuläret. Du kan använda redigeraren för rik text för att formatera texten.
  • Om du vill lägga till en knapp efter tackmeddelandet för att omdirigera besökarna någon annanstans:
    • Markera kryssrutan Lägg till en knapp.
    • Anpassa texten för knappen.
    • 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 eller Content Hub Starter, Professional eller Enterprise): välj en HubSpot-sida eller ett blogginlägg från rullgardinsmenyn.
      • Filhämtning: klicka på Bläddra bland filer för att lägga till din fil.
      • Möteslänk: välj en möteslänk i rullgardinsmenyn.
      • Kalenderhändelse: skapa en kalenderhändelse och konfigurera dina händelsedetaljer. Händelsen kommer att skapas i kundens Google- eller Outlook-kalender.

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

Anpassa målinriktningen 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 inriktningsregler.

URL till webbplats

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

  • Om du vill visa popup-formuläret när en besökare befinner sig på en viss webbadress, i avsnittet Webbadress :
    1. Klicka på den första rullgardinsmenyn och välj Webbplats-URL.
    2. Klicka på den andra rullgardinsmenyn och välj en inriktningsregel.
    3. Ange dina regelkriterier i textfältet.

  • För att visa popup-formuläret när en besökare befinner sig på en webbsida vars URL innehåller specifika frågeparametrar:
    1. Klicka på den första rullgardinsmenyn och välj Query parameter.
    2. Ange namnet på frågeparametern i det första textfältet.
    3. Klicka på rullgardinsmenyn och välj en inriktningsregel.
    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.

Besökarinformation och beteende (valfritt)

Du kan också rikta ditt popup-formulär till specifika kontakter baserat på känd information och beteende hos besökarna. 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 ställa in kriterier baserat 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 Show Pop-Up 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 dina 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 dupå Lägg till filtergrupp och väljer dina filtreringsregler.


Utlösande faktorer

Ställ in när popup-formuläret ska visas på sidan.


Vänligen notera:

  • När flera utlösare väljs visas formuläret i enlighet med det utlösarvillkor som uppfylls först.

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

Du kan välja mellan följande alternativ:

  • Vid 50% scroll: formuläret visas när besökaren har scrollat halvvägs ner på sidan.
  • On exit intent (endastpopup-rutor ): formuläret visas när besökaren flyttar markören till det övre fältet i webbläsarfönstret.
  • After elapsed time: formuläret kommer att visas efter det angivna antalet sekunder.

Anpassa alternativen för ditt popup-formulär

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 anger 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 sedan på rullgardinsmenyerna Slutdatum och Tid och ställer in 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ärpå 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 ställa in 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 en 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-integreringen klickar du på rullgardinsmenyn för att registrera alla kontakter som skickar in popup-formuläret för ett specifikt webbseminarium.
  • När kontakter samlas in, skicka e-postmeddelanden till: klicka på rullgardinsmenyn för att meddela en HubSpot-användare eller ett team när kontakter samlas in.
  • Skicka opt-in-e-post: Om du vill hantera inställningar för dubbel opt-in för dina popup-formulär klickar du på Hantera i inställningarna.
  • Ange kontakter som skapats som marknadsföringskontakter: Om ditt HubSpot-konto har tillgång till marknadsföringskontakter kan du automatiskt ange alla kontakter som skapats från det här formuläret som marknadsföringskontakter.
  • Skicka nya kontakter till din e-postleverantör (valfritt): Om du vill konfigurera en e-postleverantör som du vill skicka kontakter till klickar du på Hantera i inställningarna. Läs mer om hur du skickar 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-postmeddelanden med dina popup-formulär. Du kan också använda formuläret som en utlösande faktor i ett enkelt arbetsflöde. Läs mer om hur du använder automatiseringar med formulärverktyget.

  • Klicka på fliken Automatiseringar högst upp. På fliken Automatiseringar kan du konfigurera vad som händer efter att formuläret har skickats in .
    • I avsnittet Välj vad som ska hända efter att ett formulär har skickats in anpassar du 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, till exempel att skicka ett e-postmeddelande eller ange en kontaktegenskap.

Förhandsgranska ditt popup-formulär

På fliken Preview 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 har konfigurerat formuläret klickar du på Publicera längst upp till höger för att ta popup-formuläret i drift.
  • Du kan också avpublicera ett liveformulär från fliken Alternativ:
    • Navigera till fliken Alternativ.
    • Klicka på Unpublish.
    • Klicka på Unpublish pop-up form i dialogrutan.
    • När du har avpublicerat formuläret kan du välja att antingen återgå till formulärets kontrollpanel genom att välja Gå till kontrollpanelen eller stanna kvar i formulärredigeraren genom att välja Stanna kvar i redigeraren.

Visa hela inlägget