Skapa popup-formulär
Senast uppdaterad: mars 24, 2023
Gäller för:
Alla produkter och planer |
Med verktyget för popup-formulär kan du skapa engagerande formulär för att fånga upp nya leads. Du kan användapopup-formulär för alla blogginlägg, landningssidor och webbsidor som finns på HubSpot .
Om du vill 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-pluginet på din WordPress-webbplats.
Skapa ett popup-formulär
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 gratiskonton går du till Marknadsföring > Formulär.
- Klicka på Skapa formulär iövre högra hörnet.
- Så här associerar du formuläret med en affärsenhet (endasttilläggsmodulet Affärsenheter ):
- Klicka på rullgardinsmenyn Välj en affärsenhet.
- Välj den affärsenhet som du vill koppla formuläret till.
- Välj formulärtyp. Om du vill skapa ett popup-formulär väljer du en av följande formulärtyper:
- Popup-rutan
- Dropdown-banner
- Glid i vänster ruta
- Glid i höger ruta
- Klicka på Nästa i övre högra hörnet.
- Klicka påikonen för redigeringspenna högst upp i formulärredigeraren föratt redigera formulärets namn.
Konfigurera din utlysning
På fliken Utrop lägger du till och anpassar utropstexten 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 popup-formuläret kommer att se ut när det är live på din sida.
- Featured image:Välj en featured image som ska visas på både callout- och formulärsteget (endast popup-rutan och slide-in-rutan).
- Text för utropstext: Ange text för huvudrubriken på utropstexten.
- Text för utlysning: Ange ytterligare information eller detaljer om utlysningen. Detta är frivilligt.
- Text för utropsknapp: Ange texten för utropsknappen i formuläret.
- Temafärg: Ange temafärg för knappen på popup-formuläret. Välj en egen färg från färgväljaren eller ange ett hexadikalt värde manuellt.
- Länkknapp: Välj var knappen ska länkas till.
- Formulärsteg: Styr användarna till ett formulär från popup-formuläret. Anpassa ditt formulär genom att klicka på flikenFormulär.
- URL utanför 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.
- Filhämtning: Klicka på Bläddra bland filer för att lägga till filen.
- Möteslänk: Välj en möteslänk i rullgardinsmenyn.
- Kalenderhändelse: Skapa en kalenderhändelse och konfigurera händelsedetaljerna. Händelsen kommer att skapas i kundens Google- eller Outlook-kalender.
Anpassa ditt popup-formulär
Om din utropsknapp länkar till ett formulärsteg kan du anpassa det formulär som visas. På fliken Formulär kan du anpassa följande uppgifter:- Formulärkropp: Ange ytterligare information eller detaljer som visas före formulärfälten. Det här är ett valfritt steg.
- Tillagda fält: Välj fält för popup-formuläret. Standardfältet E-post ingår automatiskt och högst fyra fält kan läggas till i formuläret.
- Om du vill lägga till ytterligare fält till formuläret klickar du på + Lägg till ytterligare ett formulärfält.
- Popup-formulär har stöd för följande fälttyper: enradig text, flerradig text, rullgardinsval, enkel kryssruta, nummer, datumväljare och fil.
- Användare i 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åikonen för redigeringspennan.
- Du kan redigera fältets etikett, 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.
- Om du vill lägga till ytterligare fält till formuläret klickar du på + Lägg till ytterligare ett formulärfält.
- Text för formulärknapp: Anpassa texten för formulärknappen. Som standard fylls det här fältet med formulärknappens text från fliken Callout.
- Meddelande och samtycke / legitimt intresse (GDPR ): Om du har GDPR aktiverat i ditt HubSpot-konto kan du ställa in alternativet meddelande och samtycke för det här popup-formuläret. Omdu vill anpassa standardtexten klickar du påikonen för redigeringspenna.
- Språk: Ställ in formulärets språk. Detta ändrar etiketterna för formulärfälten, meddelandet 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 skräppost.
Skapa ett tackmeddelande för formuläret
Om din utropsknapp länkar till ett formulärsteg kan du konfigurera vad som ska hända efter att besökaren har skickat in popup-formuläret på fliken Tack.
- I fältet Meddelande om tack anger du ett meddelande som ska visas när besökaren skickar in popup-formuläret. Du kan använda redigeringsverktyget för rik text för att formatera texten.
- Om du vill lägga till en knapp efter ditt tackmeddelande för att omdirigera besökarna någon annanstans:
- Markerakryssrutan Lägg till en knapp.
- Anpassa knapptexten.
- Välj länken för din knapp:
- URL utanför HubSpot: omdirigerar besökarna till en extern sida. Ange sidans webbadress.
- HubSpot-sida eller blogginlägg (Marketing Hub ellerCMS Hub Starter, 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 filen.
- Möteslänk: Välj en möteslänk från rullgardinsmenyn.
- Kalenderhändelse: Skapa en kalenderhändelse och konfigurera händelsedetaljerna. Händelsen kommer att skapas i kundens Google- eller Outlook-kalender.

Observera: Konton som använder HubSpot's kostnadsfria verktyg måste fylla i en guide för e-postinställningar för att aktivera dubbel opt-in för popup-formulär som skapar ett uppföljningsmeddelande och automatiskt lägger till en CAPTCHA till formuläret.
Anpassa målinriktningen för ditt popup-formulär
Rikta in 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 bestämma när popup-formuläret visas.Läs mer om målinriktningsregler.
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.
- Om du vill visa popup-formuläret när en besökare befinner sig på en specifik webbadress, i avsnittet Webbplats-URL :
- Klicka på den första rullgardinsmenynoch välj Webbplats-URL.
- Klicka på den andra rullgardinsmenynoch välj en målinriktningsregel.
- Ange dina regelkriterier i textfältet.
- Om du vill visa popup-formuläret när en besökare befinner sig på en webbsida vars URL innehåller specifika frågeparametrar:
- Klicka på den förstarullgardinsmenynoch väljSökparametrar.
- I det första textfältet anger dunamnet på frågeparametern.
- Klicka på rullgardinsmenyn och välj enmålinriktningsregel.
- I det andra textfältet skriver du in 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 besökare och deras beteende (valfritt)
Du kan också rikta popup-formuläret till specifika kontakter baserat på känd information och beteende hos besökarna. Vilken typ av filtreringsregler du kan lägga till beror på prenumerationerna för ditt konto. Marketing Hub Professional- och Enterprise-konton kan skapa filter med ytterligare kriterier för när popup-formuläret ska visas eller döljas.
Omdu vill 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 på rutan Visa popup-formuläret för att välja när popup-formuläret ska visas.
-
- Klicka på nästa rullgardinsmeny för att välja 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 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.
- Omdu vill skapa ytterligare en uppsättning filterregler klickar du på Lägg till filtergrupp och väljer dina filterregler.
Utlösare
Ange när popup-formuläret ska visas på sidan.
Observera:
-
När flera utlösare är valda visas formuläret enligt det utlösarvillkor som uppfylls först.
-
När en kontakt har fyllt i popup-formuläret kommer det inte att visas igen om de befinner sig i samma webbläsarsession.
Du kan välja följande alternativ:
- Vid 50 % rullning: Formuläret visas när besökaren har rullat halvvägs ner på sidan.
- Vid avslutningsintention ( endastpopup-rutan): Formuläret visas när besökaren förflyttar markören till den övre delen av webbläsarfönstret.
- Efter förfluten tid: Formuläret visas efter det angivna antalet sekunder.
Anpassa alternativen för popup-formuläret
På fliken Alternativ kan du ytterligare anpassa inställningarna för popup-formuläret. 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ägga 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 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 livscykeltillstånd till och välj ett livscykelstadium. När besökare skickar in ett formulär kommer motsvarande post att ställas in i det valda livscykelstadiet.
- Du kan inte flytta en postens 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.
-
- Det livscykelstadium som anges i ett formulär kommer att skriva över det standardlivscykelstadium som konfigurerats i dina HubSpot-inställningar.
- 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 . Även om popup-formulären är mobiloptimerade rekommenderas det att inaktivera dem på mobiler.
- 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 till Salesforce-kampanj: Om du använder Salesforce-integrationen klickar du på rullgardinsmenyn för att koppla alla kontakter som skickar in popup-formuläret till en Salesforce-kampanj.
- Lägg till kontakter i GoToWebinar: Om du använder GoToWebinar-integrationen klickar du på rullgardinsmenyn för att registrera en kontakt som skickar in popup-formuläret till ett specifikt webbseminarium.
- Skicka e-postmeddelanden till när kontakter registreras: Klicka på rullgardinsmenyn för att meddela en HubSpot-användare eller ett HubSpot-team när kontakter registreras.
- Skicka e-postmeddelanden med opt-in: Om du vill hantera inställningar för dubbel opt-in för dina popup-formulär klickar du på Hantera i inställningar.
- Ange kontakter som skapats som marknadsföringskontakter: Om ditt HubSpot-konto har tillgång till marknadsföringskontakter kan du automatiskt ange alla kontakter som skapas från det här formuläret som marknadsföringskontakter.
- Skicka nya kontakter till din e-postleverantör (valfritt ): Om du vill ställa in en e-postleverantör att skicka kontakter till klickar du på Hantera i inställningar. Läs mer om hur du skickar kontakter till MailChimp-listor.

Använd automatiserade funktioner med ditt popup-formulär
Använd enkla automatiseringsfunktioner som att skicka ett uppföljningsmeddelande till en kontakt eller skicka automatiska interna e-postmeddelanden med dina popup-formulär. Du kan också använda formuläret som en utlösare 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 händer efter att ett formulär skickats inanpassar du inställningarna för formuläret efter behov.
- I avsnittet Skapa ett enkelt arbetsflöde konfigurerar duett enkelt arbetsflöde för att automatisera uppföljningsåtgärder, t.ex. skicka ett e-postmeddelande eller ställa in en egenskap för en kontakt.
Förhandsgranska ditt popup-formulär
På fliken Förhandsgranskning kan du testa en interaktiv förhandsgranskning av popup-formuläret.
- Om du vill se hur popup-formuläret kommer att visas på olika enheter klickar du på knapparna Desktop, Tablet eller Mobile uppe till vänster.
- Om du vill visa varje steg i popup-formuläret klickar du på vänster-höger-vänster-och högerpilikonen.
Publicera och avpublicera popup-formuläret
- När du har konfigurerat formuläret klart klickar du på Publicera längst upp till höger för att ta popup-formuläret i bruk.
- Du kan också avpublicera ett levande formulär från fliken Alternativ :
- Navigera till fliken Alternativ.
- Klicka på Avpublicera.
- I dialogrutan klickar du på Avpublicera popup-formulär.
- När du har avpublicerat formuläret kan du välja att antingen återgå till instrumentpanelen för formulär genom att välja Gå till instrumentpanelen eller stanna kvar i formulärredigeraren genom att välja Stanna kvar i redigeraren.
Relaterat innehåll
-
Formulär | Vanliga frågor
Hitta snabbt svar och allmän information om formulärverktyget i HubSpot. Lär dig mer om felsökning av...
Kunskapsbas -
Lägg till videor i ditt HubSpot-innehåll
Med HubSpot video kan du ladda upp videor till filverktyget och sedan lägga till dem på sidor, i...
Kunskapsbas -
Lägg till information om meddelande och samtycke i ditt HubSpot-formulär eller popup-formulär
För att hjälpa besökarna att förstå vad de väljer när de skickar in ett formulär kan du lägga till...
Kunskapsbas