Skapa och redigera formulär

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ärke.

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 koppla ett formulär till 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 formulärredigeraren.

• Klicka på Nästa längst upp till höger.
• Välj en färdig mall eller välj mallen Start from blank om du vill skapa din egen.
• 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 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å fälttypen i den vänstra panelen och dra den till formulärförhandsgranskningen till höger för att inkludera dem i formuläret. Fält kan placeras ovanför, under eller bredvid andra fält.
• När du lägger till ett fält för telefonnummer kommer den landskod som du väljer i rullgardinsmenyn att anges som standard för det fältet.
• 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 med ett fält på ditt formulär använder du sökfältet för att söka efter en befintlig egenskap. Objekttypen för det tillagda fältet kan avgöra om formulärinlämningen visas på aktivitetstidslinjen för associerade poster.

• 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 egendomsregler och klicka sedan på Skapa. Som standard är alternativet Visa i formulär , popup-formulär och botar markerat . När du har skapat den nya egenskapen associeras den automatiskt med formulärfältet. Lär dig hur du hanterar dina egenskaper.
• Om du vill lägga till en egenskap som ett fält i formuläret klickar du på Egenskaper i den vänstra panelen:
  • Använd rullgardinsmenyn Alla egenskaper för att välja kontakt-, företags-, biljett- eller anpassade objektsegenskaper.
  • Om du använder en ärendeegenskap klickar du på rullgardinsmenyn i dialogrutan och väljer helpdesk eller en inkorg att ansluta formuläret till. När formuläret skickas in skapas automatiskt ett ärende.

• • Om du vill lägga till egenskapen som ett fält i formuläret klickar du på egenskapen och drar den till förhandsgranskningen av formuläret. Fält kan placeras ovanför, under eller bredvid andra fält.

• 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 formulärinlämningen, 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 och dra elementen till formulärets förhandsgranskning till höger för att inkludera dem i ditt formulär.
  
  
  
  

Lägga 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å Redigera .
• Klicka på logikikonen workflows längst upp till vänster.
• Klicka på Add logic i den vänstra panelen.
• I avsnittet Logik konfigurerar du dina villkorliga logikregler. Om du t.ex. 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å ikonenduplicate 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 grupper 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 mellan 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 du har valt.
• 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å Redigera .
• Klicka på logikikonen workflows längst upp till vänster.
• Om du vill lägga till en ny regel klickar du på Lägg till logik.
• 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 Marknadsföring > Formulär.
• 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. En ny stegsektion 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 och dra sedan på Step [x] längst upp till vänster om steget för att flytta det.
• Du klonar ett steg genom att hålla muspekaren över steget och klicka 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åpennikonen edit .

• • I den vänstra panelen kan du redigera förloppsindikatorn och slå på eller av den:

• • • Förloppsindikatorn 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. Detta tar bort förloppsindikatorn från alla formulärsteg.
    • I avsnittet Format väljer du hur du vill att texten ska visas på förloppsindikatorn. Du kan välja mellan följande alternativ: Visa procentandel vid slutförande, Visa antal steg eller Visa ingen text.

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.
• Klicka på fliken Stil i den vänstra panelen och välj en steglayout.
• Om du vill ta bort layouten klickar du på Ta bort layout uppe 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-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.

Observera: det går inte att ställa in formuläret som rå HTML i den uppdaterade editorn. Endast formulär som skapats med den äldre editorn kan ställas in som rå HTML.

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.

Automatisera ditt formulär

Slå på enkla automatiseringsfunktioner som att skicka ett uppföljningsmail till en kontakt eller skicka automatiska interna e-postmeddelanden till andra HubSpot-användare. Du kan också använda formulärinlämningen som en trigger i ett enkelt arbetsflöde.

• 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å automationsikonensettis automati workflows i den vänstra panelen.

• För att skapa ett enkelt arbetsflöde:

  • I avsnittet Automatisera vad som händer efter att ett formulär har skickats in:
    • Om du automatiskt vill skicka ett uppföljningsmejl efter varje formulär som skickas in klickar du på Skapa detta arbetsflöde under Skicka ett mejl efter att formuläret skickats in.
    • Om du vill skapa ett eget arbetsflöde från en tom mall klickar du på Skapa nytt arbetsflöde under Skapa ett eget enkelt arbetsflöde. I den högra infällbara panelen, under Utlös åtgärden/åtgärderna när, väljer du alternativet En kontakt har skickat in ett formulär.
• Om du vill lägga till andra arbetsflödesåtgärder klickar du på + plus-ikonen.
  
  
• Om du vill aktivera ett arbetsflöde klickar du på bredvid arbetsflödets namn för att slå på strömbrytaren . Klicka sedan på Got it. När du har publicerat ditt enkla arbetsflöde kommer alla ändringar som görs i arbetsflödet automatiskt att gälla för de kontakter som för närvarande är registrerade.

Läs mer om hur du använder automatisering med formulär.

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, livscykelstadium 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 .
• I den vänstra panelen klickar du på ikonen settings settings.
• På fliken Allmänt kan du konfigurera 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 inskickad ansökan 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å cookies 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.
  • Ange nya kontakter som marknadsföringskontakter: Om ditt HubSpot-konto har tillgång till marknadsföringskontakter kan du automatiskt ange alla kontakter som har skickat in formuläret som marknadsföringskontakter. 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 koppla formuläret till en befintlig kampanj klickar du på rullgardinsmenyn Kampanj och väljer en kampanj.
    • Om du vill koppla formuläret till en ny kampanj klickar du på rullgardinsmenyn Kampanj och sedan på Skapa kampanj. Fortsätt sedan att konfigurera din kampanj.

• • Uppdatera kontaktens och företagets livscykelstadium vid inlämning: klicka på rullgardinsmenyn Set lifecycle stage to och välj ett livscykelstadium . Närbesökarna skickar in formuläret kommer alla nya eller befintliga poster 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 uppdateras inte livscykelstadiet.
    • Det livscykelstadium som anges i ett formulär kommer att skriva över det standardlivscykelstadium som konfigurerats i dina HubSpot-inställningar.

• 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 inlämning 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 standardteam eller individer som e-postmeddelanden om inlämning ska skickas till, oavsett kontaktens ägare. 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 formulärinlämning. 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 standardegenskaper, hjälptext, platshållartext och standardvärden översätts till detta språk.
• För att skapa en AI-översättning av ditt formulär (endastMarketing Hub eller Content Hub Professional och Enterprise ):
  • Slå på knappen Aktiverade AI-översättningar för allt formulärinnehåll AI.
  • 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 fastighet 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 t.ex. har ställt in en valideringsregel för egenskapen Ordernummer så att den endast innehåller numeriska värden, får besökarna feedback så att de kan korrigera icke-numeriska poster.