Skapa och redigera formulär med hjälp av formulärredigeraren
Senast uppdaterad: februari 12, 2025
Tillgänglig med något av följande abonnemang, om inte annat anges:
|
Skapa och använd formulär med formulärredigeraren för att samla in information om dina besökare och lagra den i ditt Hubspot CRM. När du använder formulärredigeraren kan du skapa formulär med flera steg. Sedan kan du utforma formuläret så att det återspeglar ditt företags identitet och varumärkesprofilering.
När du har skapat ditt formulär kan du lägga till det på dina HubSpot-sidor med hjälp av HubSpot-formulärmodulen, på en extern webbplats med hjälp av formulärets inbäddningskod eller dela det som en fristående sida med en delningslänk.
Skapa ett nytt formulär
Så här skapar du ett nytt formulär:
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Klicka på Skapa formulär längst upp till höger.
Observera: Du kan bara associera ett formulär med en Affärsenhet när du skapar formuläret. Läs mer om hur du kopplar ett formulär till en Affärsenhet.
- Välj din New Form Editor.
- Klicka på Nästa längst upp till höger.
- I den högra panelen klickar du på Starta från början, eller om du vill använda en färdig mall klickar du på Starta från mall och väljer en mall.
- Klicka på pennikonen edit högst upp för att redigera formulärnamnet.
Lägga till och redigera formulärfält
Lägg till formulärfält för att samla in information från dina webbplatsbesökare och kontakter. Varje formulärfält måste vara kopplat till en HubSpot Egenskap. Så här lägger du till ett formulärfält:
- I ditt HubSpot-konto navigerar du till Marketing > Forms.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- Klicka på ikonen + add längst upp till vänster.
- I den vänstra panelen klickar du på och drar fälttypen till formulärets förhandsgranskning till höger för att inkludera dem i ditt formulär. Fält kan placeras ovanför, under eller bredvid andra fält.
- I den högra panelen klickar du på och anger fältetiketten. När du anger fältetiketten visas en lista med liknande befintliga egenskaper.
- I dialogrutan Koppla fältet till en egenskap klickar du på en föreslagen egenskap.
- Om du vill koppla ditt formulärfält till en annan egenskap klickar du på Sök egenskaper.
- Om du vill lägga till en ansluten egenskap klickar du på i den vänstra panelen för att expandera avsnittet Ansluten egenskap. Klicka på den egenskap som du vill ansluta till formulärfältet.
- Om du vill använda en befintlig egenskap som en ansluten egenskap till ett fält i formuläret använder du sökfältet för att söka efter en befintlig egenskap. Objekttypen för det fält som läggs till kan avgöra om inskick av formuläret visas på aktivitetstidslinjen för associerade poster.
Vänligen notera detta:
- Som standard är fältet E-post obligatoriskt för inskick av formulär för att skapa kontakter. HubSpot kommer att kontrollera om en e-postadress är giltig innan en användare tillåts skicka in formuläret. Läs mer om att tillåta inskick av formulär utan e-postadresser för att skapa kontakter.
- Egenskaperna poäng, beräkning och rik text kan inte användas i ett formulär.
- Så här skapar du en ny egenskap och använder den som en kopplad egenskap med ett fält i ditt formulär:
- Klicka på Skapa ny.
-
- I den högra panelen ställer du in ditt formulärfält.
- Granska dina regler för egenskaperna och klicka sedan på Skapa. Som standard är alternativet Visa i formulär, frågor och bots markerat . När du har skapat en ny egenskap kommer den automatiskt att kopplas till formulärfältet. Lär dig hur du hanterar dina egenskaper.
- När du har lagt till ditt formulärfält kan du redigera ett fälts alternativ:
- Klicka på fältet i förhandsgranskningen av formuläret i den högra panelen.
- Klicka på i den vänstra panelen för att expandera avsnittet Fältalternativ. Alternativen här kan variera beroende på fältets egenskapstyp, läs mer om de ytterligare alternativ för fältanpassning som finns tillgängliga.
- Hjälptext: informationstext under fältets etikett som hjälper besökaren att fylla i fältet.
- Platshållartext: text som visas i inmatningsrutan för fältet. Texten försvinner när besökaren skriver in ett värde i fältet och kommer inte att visas i inlämningen, även om fältet lämnas tomt.
- Standardvärde: ett värde som kommer att skickas in för fältet som standard om det inte ändras av besökaren.
- Dolt fält: när det här alternativet är aktiverat kommer fältet att få sitt värde angivet genom inskick av formulär, men fältet kommer inte att visas för besökaren. När inställningen är aktiverad anger du det standardvärde som kommer att överföras till egenskapen när formuläret skickas in.
- Obligatoriskt fält: när det här alternativet är aktiverat måste fältet fyllas i för att formuläret ska skickas in. Om ett formulärfält har ställts in som obligatoriskt kan det inte ställas in som dolt.
Lägga till ytterligare formulärelement
Lägg till ytterligare Text & Media eller Säkerhet i ditt formulär. På samma sätt som formulärfält kan dessa element placeras ovanför, under eller bredvid andra fält.
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- Klicka på ikonen + lägg till längst upp till vänster.
- Klicka på Övrigt i den vänstra panelen.
- Klicka på och dra elementen till formulärets förhandsgranskning till höger för att inkludera dem i ditt formulär.
Lägg till villkorlig logik i formulär (endastContent Hub eller Marketing Hub Professional och Enterprise )
När du har lagt till dina formulärfält kan du ställa in villkorlig logik för att dölja eller visa relevanta fält, eller omdirigera besökare till andra HubSpot-sidor baserat på deras tidigare svar.
För varje formulär kan du lägga till upp till 30 regler med 10 villkor per regel.
För att ställa in villkorlig logik på ditt formulär:
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Edit.
- Klicka på logikikonen githubBranch längst upp till vänster.
- Klicka på Lägg till logik i den vänstra panelen.
- I avsnittet Logik konfigurerar du dina villkorliga logikregler. Om du till exempel filtrerar efter City och väljer is any of Dublin, kommer den villkorliga logikregeln endast att gälla poster med värdet Dublin.
- Om du vill ta bort ett filter klickar du på ikonen deletee delete.
- Om du vill klona ett filter klickar du på ikonen duplicate clone.
- Om du vill lägga till ytterligare filter i regeln klickar du på add Lägg till filter i den här gruppen.
- Om du vill lägga till ytterligare en grupp i regeln klickar du på add Lägg till grupp .
- Om du har lagt till flera filter eller annonsgrupper i regeln klickar du på rullgardinsmenyn AND OR mellan filtren och grupperna för att tillämpa AND- eller OR-logik:
- AND: Alla filter i regeln måste vara sanna för att regeln ska utlösas.
- OR: Endast ett filter i gruppen måste vara sant för att regeln ska utlösas. Läs mer om AND- eller OR-logik.
- I avsnittet Then klickar du på rullgardinsmenyn för att välja åtgärder i formuläret. Du kan välja bland följande:
- Visa ett fält: om användarens svar matchar de kriterier som anges i dina regler, visa ett specifikt fält.
- Dölj ett fält: om användarens svar motsvarar de kriterier som anges i dina regler, visa ett specifikt fält.
- Hoppa till steg: om användarens svar motsvarar de kriterier som anges i dina regler, hoppa till ett visst steg. Om du vill använda det här alternativet måste formuläret ha minst tre steg. Läs mer om hur du lägger till formulärsteg.
- Omdirigera till: om användarens svar matchar de kriterier som anges i dina regler, omdirigera dem till en HubSpot-sida eller en extern URL. Användare med ett Sales Hub Enterprise- eller Service Hub Enterprise-konto kan omdirigera formulär till en möteslänk på en schemaläggningssida.
- Fyll i de obligatoriska fälten beroende på vilken åtgärd som har valts.
- För att tillämpa den villkorliga logiken klickar du på Spara och aktivera.
Hantera regler för villkorlig logik
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Edit.
- Klicka på logikikonen githubBranch längst upp till vänster.
- Om du vill lägga till en ny regel klickar du på Add logic.
- Om du vill redigera en regel klickar du på rullgardinsmenyn Åtgärder och väljer Redigera.
- Om du vill ta bort en regel klickar du på rullgardinsmenyn Åtgärder och väljer Ta bort.
Lägga till och redigera formulärsteg
Observera: den här funktionen är endast tillgänglig för Marketing Hub, Sales Hub eller Service Hub Starter, Professional och Enterprise eller Content Hub Enterprise.
Skapa flerstegsformulär för att uppmuntra användare att fylla i flera formulärsegment i stället för ett enda långt formulär. Så här lägger du till ett formulärsteg i ett flerstegsformulär:
- I ditt HubSpot-konto navigerar du till Marketing > Forms.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- I den högra panelen håller du muspekaren mellan två befintliga steg och klickar på ikonen + lägg till. Ett nytt stegavsnitt visas. Sedan kan du ställa in formulärfält och ytterligare formulärelement i stegpanelen.
- Om du vill ändra ordningen på ett steg håller du muspekaren över steget. Klicka sedan på och dra Step [x] längst upp till vänster om steget för att flytta det.
- Om du vill klona ett steg håller du muspekaren över steget och klickar på klonikonen duplicate. Du kan inte klona steg som innehåller ett e-postmeddelande, reCAPTCHA eller dataskyddsfält.
- Om du vill ta bort ett steg håller du muspekaren över steget och klickar påikonen delete delete.
- En förloppsindikator visar visuellt hur stor del av formuläret som användaren har fyllt i, vilket förbättrar ifyllnadsgraden. Så här redigerar du förloppsindikatorn:
- Håll muspekaren över förloppsindikatorn och klicka på edit pennikon.
-
- I den vänstra panelen kan du redigera förloppsindikatorn och slå på eller av den:
-
-
- Förloppsfältet läggs till i alla formulär som standard. Om du vill stänga av förloppsindikatorn växlar du till knappen Progress bar off. Då tas förloppsindikatorn bort från alla formulärsteg.
- I avsnittet Format väljer du hur du vill att texten ska visas i förloppsindikatorn. Du kan välja mellan följande alternativ: Visa procentandel vid slutförande, Visa antal steg eller Visa ingen text.
-
Vänligen notera detta:
- Inskick av formuläret kommer endast att slutföras när besökaren skickar in alla steg i formuläret. Om en besökare har fyllt i det första steget, men inte fyller i resten av formuläret, kommer fälten i det första steget inte att skickas till formuläret.
- Du kan lägga till maximalt 20 steg per formulär.
Redigera steglayouten och bakgrundsbannern
Välj bland fördefinierade steglayouter med hjälp av snabblayoutväxlaren och anpassa formulärets bakgrundsbanner.
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- Håll muspekaren över formulärsteget och klicka på pennikonen edit längst upp till höger.
- I den vänstra panelen klickar du på fliken Stil och väljer en steglayout.
- Om du vill ta bort layouten klickar du på Ta bort layout längst upp till höger.
- Klicka på Banner background för att expandera avsnittet:
- Slå på knappen Bakgrundsfärg för att anpassa formulärets bakgrundsbanner.
-
- Välj en färg och opacitet.
- Klicka på rullgardinsmenyn Gradient för att lägga till en gradient.
- Använd en bild som bakgrund för bannern. Du kan ladda upp en bild från dina HubSpot AI-filer, bläddra bland bilder från din dators hårddisk eller använda AI-assistenter för att generera bilder.
Styla ditt formulär
Anpassa text, inmatningsfält, knappar och bakgrund för formuläret och formulärstegen. Stilalternativ som konfigureras på fliken Global styling tillämpas på alla formulärsteg. Du kan inte styla enskilda formulärsteg separat.
För att utforma ditt formulär:
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- Klicka på Styling-ikonen på vänster sida.
- När du anpassar text, inmatningsfält eller knappar kan du välja bland befintliga stilar med hjälp av Quick field input styles. Alternativt kan du manuellt anpassa stilen för varje komponent i ditt formulär:
- Fält: Anpassa fältet, inklusive bakgrund och ramar. Du kan också anpassa teckensnitt, teckenstorlek och färger för dina etiketter, liksom färgerna för din hjälptext, platshållare och feltext.
- Knappar: Anpassa knappens höjd, hörnavrundning, bakgrund, gradient och lägg till en droppskugga på knappen. Du kan också anpassa teckensnitt, teckenstorlek och färg för knapptexten.
- Paragraf (Rich Text): anpassa teckensnitt, teckenstorlek och färg för brödtexten.
- Rubrik: Anpassa teckensnitt och textfärg för rubriken. Du kan välja att lägga till en slagskugga i rubriktexten.
- Bakgrund: Anpassa bakgrunden för formuläret och formulärstegen. Du kan välja att ange en bakgrundsfärg eller använda en bild som bakgrund. Du kan använda AI-assistenter för att generera bilder. Du kan också välja att ange en kant för ditt formulär.
- Förloppsfält: anpassa förloppsfältet på ditt formulär, inklusive färgen på förloppslinjen och teckensnittet för förloppsfältet.
Anpassa formulärets inställningar
Konfigurera formulärets inställningar, inklusive vad som händer med motsvarande kontakt efter att ett formulär har skickats in, inställningar för användarnotiser och formulärets standardspråk. Du kan ställa in kontaktens marknadsföringsstatus, Livscykelfas med mera. Vissa alternativ kanske inte visas beroende på din HubSpot-prenumeration.
- I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- Klicka på ikonen settings settings i den vänstra panelen.
- På fliken Allmänt konfigurerar du följande allmänna formulärinställningar:
- Skapa automatiskt nya kontakter från okända e-postadresser: välj det här alternativet för att skapa en ny kontaktpost för varje inlämning med en unik e-postadress. Om den e-postadress som skickas in matchar en befintlig kontaktpost i din databas kommer uppgifterna i den befintliga posten att uppdateras.
- Om det här alternativet är avstängt kommer HubSpot först att försöka associera inlagan med en befintlig kontakt med den inskickade e-postadressen. Om det inte finns någon kontakt på den e-postadressen kommer HubSpot att känna igen och uppdatera dina kontakter baserat på kakorna i deras webbläsare. Detta kan leda till att kontakter skrivs över om samma formulär skickas in flera gånger från samma enhet.
- Om det här alternativet är aktiverat, när en kontakt skickar in formuläret med ett annat e-postmeddelande i en webbläsare där det redan finns en cookie, kommer inte visningar att spåras för den här kontakten. Alternativet Förfylla kontaktfält med kända värden inaktiveras också automatiskt.
- Ställ in nya kontakter som marknadsföringskontakter: Om ditt HubSpot-konto har tillgång till marknadsföringskontakter kan du automatiskt ställa in alla kontakter som har skickat in det här formuläret som marknadsföring. Detta inkluderar både nya och befintliga kontakter.
- Fyll i fält för återkommande besökare: om en kontakt tidigare har besökt din webbplats och skickat in ett formulär, och HubSpot kunde lagra och spåra deras cookies, kan alla kända fältvärden fyllas i på formuläret. Detta alternativ är aktiverat som standard. Läs mer om förifyllda formulärfält.
- Formulärförkortning: om du har köpt Breeze Intelligence-krediter kan du effektivisera dina formulär genom att automatiskt dölja alla formulärfält som kan fyllas i av Data Enrichment. Läs mer om formulärförkortning.
- Lägg till i en marknadsföringskampanj: om du har en Marketing Hub Professional eller Enterprise-prenumeration kan du koppla formuläret till en kampanj:
- Om du vill associera formuläret med en befintlig kampanj klickar du på rullgardinsmenyn Kampanjer och väljer en kampanj.
- Om du vill koppla formuläret till en ny kampanj klickar du på rullgardinsmenyn Kampanjer och sedan på Skapa kampanj. Fortsätt sedan att konfigurera din kampanj.
- Skapa automatiskt nya kontakter från okända e-postadresser: välj det här alternativet för att skapa en ny kontaktpost för varje inlämning med en unik e-postadress. Om den e-postadress som skickas in matchar en befintlig kontaktpost i din databas kommer uppgifterna i den befintliga posten att uppdateras.
-
- Uppdatera kontaktens och företagets livscykelfas vid inlämning: Klicka på rullgardinsmenyn Set lifecycle stage to och välj en livscykelfas . Närbesökarna skickar in formuläret kommer alla nya eller befintliga poster att ställas in på den valda Livscykelfasen.
- Du kan inte flytta en posts livscykelfas bakåt. Om en befintlig kontakt eller ett företag med en senare Livscykelfas skickar in ett formulär kommer Livscykelfasen inte att uppdateras.
- Den livscykelfas som anges i ett formulär kommer att skriva över den standardiserade livscykelfas som konfigurerats i dina HubSpot-inställningar.
- Uppdatera kontaktens och företagets livscykelfas vid inlämning: Klicka på rullgardinsmenyn Set lifecycle stage to och välj en livscykelfas . Närbesökarna skickar in formuläret kommer alla nya eller befintliga poster att ställas in på den valda Livscykelfasen.
- Om du vill anpassa inställningarna för inlämning klickar du påfliken Inställningar för inlämning i den vänstra panelen. Anpassa följande inställningar för inskick av formulär:
- Skicka till kontaktens ägare: skicka automatiskt en avisering till kontaktens ägare. Om en kontakt inte har någon ägare skickas inga aviseringar. Läs mer om objektägande i HubSpot.
- Skicka till andra användare: välj de team eller personer som ska få e-postmeddelanden om inlämning, oavsett vem som äger kontakten. Mottagare som anges här kommer att skrivas över av mottagare som anges i formuläralternativen på HubSpot-sidor.
-
Ytterligare e-postdomäner att blockera: ange specifika e-postdomäner som ska blockeras från inskick av formulär. Om du t.ex. vill blockera inskick från email@domain.com kan du lägga till domain.com. Om du vill blockera inskick från alla gratis e-postleverantörer klickar du på för att slå på knappen Blockera gratis e-postleverantörer.
- Om du vill anpassa formulärets språkinställningar klickar du på fliken Språk och region. Klicka på rullgardinsmenyn Primärt språk och välj sedan ett standardspråk för formuläret. Felmeddelanden, etiketter för förvalda egenskaper, hjälptext, platshållartext och standardvärden kommer att översättas till detta språk.
- Så här skapar du en AI-översättning av ditt formulär (endastMarketing Hub eller Content Hub Professional och Enterprise ):
- Slå på AI-omkopplaren Aktiverade AI-översättningar för allt formulärinnehåll.
- I rullgardinsmenyn Primary language väljer du det språk som du vill översätta formuläret till. Felmeddelanden, etiketter för standardegenskaper, hjälptext, platshållartext, standardvärden, anpassade etiketter, rik text och samtyckestext översätts automatiskt till det här språket.
- Om du har uppdaterat formuläret sedan den förra översättningen klickar du på Retranslate now för att uppdatera översättningen.
Hantera validering i realtid för formulärfält
Om du har ställt in valideringsregler för en egenskap kommer dessa regler att gälla för formulärfält, och besökare måste uppfylla dessa krav för att skicka in formuläret. Livevalidering av formulärfält ger besökarna omedelbar feedback på deras inmatning, vilket gör det lättare att korrigera fel och fylla i formulären korrekt.
Om du till exempel har ställt in en valideringsregel för egenskapen Ordernummer så att den endast innehåller numeriska värden, kommer besökarna att få feedback för att korrigera icke-numeriska poster.
Som standard är livevalidering på formulär aktiverad. Så här hanterar du direktvalidering av formulärfält:
- I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
-
Navigera till Marketing+ > Forms i menyn till vänster i sidofältet.
- Klicka på fliken Inställningar för inlämning.
- Slå på eller av knappen Aktivera livevalidering av formulärfält.
- Klicka på Spara längst ned till vänster.
Använd ditt formulär
När du har skapat ett nytt formulär eller gjort dina formuläruppdateringar måste du uppdatera ditt formulär för att göra ändringarna live. Lägg sedan till det i ditt HubSpot-innehåll, använd formulärets inbäddningskod för att lägga till det på en extern sida, eller dela det som en fristående sida med en delningslänk.
- I ditt HubSpot-konto navigerar du till Marketing > Forms.
- Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera .
- Klicka på Granska och uppdatera längst upp till höger för att publicera dina formuläruppdateringar.
- Om du vill dela ditt formulär, bädda in det på en HubSpot-sida eller bädda in det på en extern webbplats klickar du på Dela längst upp till höger och väljer sedan ett av följande alternativ:
- Bädda in med HubSpot: bädda in ditt formulär på en HubSpot CMS-webbplatssida, målsida eller med HubSpot CTA:er.
- Hämta inbäddningskod: använd en inbäddning för att lägga till ditt formulär på en externt hostad sida. För att spåra analyser för ditt formulär på en extern sida måste din HubSpot-spårningskod vara delbetalad på sidan. Läs mer om hur du lägger till ett HubSpot-formulär på en extern webbplats.
- Längst ner på sidan klickar du på Kopiera.
- Klistra in inbäddningskoden i HTML-modulen på din sida.
- Kopiera en delningslänk: använd en URL för att dela formuläret som en fristående sida.