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 och redigera formulär

Senast uppdaterad: 27 mars 2026

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 spara den i ditt HubSpot CRM. När du använder formulärredigeraren kan du skapa formulär med flera steg. Därefter

kan du

anpassa formulärets utseende så att det speglar 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 inbäddningskoden för formuläret, eller dela det som en fristående sida med en delningslänk.

Behörigheter krävs Formulärbehörigheter krävs för att visa, skapa eller redigera formulär.

Förstå begränsningar och överväganden

Skapa ett nytt formulär


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

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Klicka på Skapa formulär längst upp till höger.
  3. Välj Formulärredigeraren.
  4. Klicka på Nästa längst upp till höger.
  5. Välj en färdig mall, eller välj mallen Börja från tomt om du vill skapa en egen.
  6. Klicka på redigeringsikonen högst upp för att redigera formulärnamnet.

Lägg till och redigera formulärfält

Lägg till formulärfält för att samla in information från besökare på din webbplats och dina kontakter. Varje formulärfält måste kopplas till en HubSpot-egenskap. Så här lägger du till ett formulärfält:

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på ikonen + Lägg till längst upp till vänster.
  4. I panelen till vänster klickar du på fälttypen och drar den till formulärförhandsvisningen till höger för att inkludera den i ditt formulär. Fält kan placeras ovanför, under eller bredvid andra fält.
  5. När du lägger till ett fält för telefonnummer kommer landskoden som standard att motsvara besökarens enhets IP-adress. Det går inte att ändra standardlandskoden.
  6. I den högra panelen klickar du och anger fältets etikett. När du anger fältets etikett visas en lista med liknande befintliga egenskaper.
    • I dialogrutan Anslut fält 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 efter egenskaper.

A gif showing the steps to add a single-line text field to a form and connect it to a contact property.

  1. För att lägga till en kopplad egenskap klickar du i den vänstra panelen för att expandera avsnittet Kopplad egenskap. Klicka på den egenskap som du vill koppla till formulärfältet.
  2. Om du vill använda en befintlig egenskap som en kopplad 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 formulärinlämningen visas i aktivitetslinjen för associerade poster.

Observera:

 

The form editor, highlighting the option to create a new property when adding a field to your form.

  1. Så här skapar du en ny egenskap och använder den som en kopplad egenskap till ett fält i ditt formulär:
    • Klicka på Skapa ny egenskap.
    • Ställ in ditt formulärfält i panelen till höger.
    • Granska dina egenskapsregler och klicka sedan på Skapa. Som standard är alternativet Visa i formulär, popup-formulär och bots markerat. När du har skapat din nya egenskap kopplas den automatiskt till formulärfältet. Lär dig hur du hanterar dina egenskaper.
  2. Så här redigerar eller kopplar bort en egenskap som är kopplad till ett fält i ditt formulär: 
    • Klicka på formulärfältet
    • I den vänstra panelen klickar du på Ansluten egenskap för att expandera avsnittet. 
    • Så här ändrar du egenskapen:
      • Klicka på Ändra egenskap.
      • Klicka på Ändra egenskap i dialogrutan
      • Använd sökfältet för att söka efter befintliga egenskaper, eller klicka på Skapa ny egenskap
    • Så här kopplar du bort fastigheten:
      • Klicka på Koppla bort fastighet.
      • Klicka på Koppla bort egenskap i dialogrutan.
  3. För att lägga till en egenskap som ett fält i ditt formulär, klicka Egenskaper i vänsterpanelen:
    • Använd rullgardinsmenyn Alla egenskaper för att välja egenskaper för kontakt, företag, ärende eller anpassade objekt.
    • Om du använder en ärendeegenskap klickar du på rullgardinsmenyn i dialogrutan och väljer helpdesk eller en inkorg som formuläret ska kopplas till. När formuläret skickas in skapas ett ärende automatiskt.
    • För att lägga till egenskapen som ett fält i formuläret klickar du på egenskapen och drar den till formulärförhandsvisningen. Fält kan placeras ovanför, under eller bredvid andra fält.
  4. När du har lagt till ditt formulärfält kan du redigera ett fälts alternativ så här:
    • Klicka på fältet i formulärförhandsvisningen i den högra panelen.
    • Klicka i den vänstra panelen för att expandera avsnittet Fältalternativ. Alternativen här kan variera beroende på fältets egenskapstyp.
      • 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 anger ett värde i fältet och skickas inte med i inlämningen, även om fältet lämnas tomt.
      • Standardvärde: ett värde som skickas in för fältet som standard om inte besökaren ändrar det.
      • Dolt fält: när detta alternativ är aktiverat kommer fältets värde att anges genom formulärinlämningen, men fältet kommer inte att visas för besökaren. När inställningen är aktiverad anger du standardvärdet som kommer att överföras till fastigheten när formuläret skickas in.
      • Obligatoriskt fält: när detta alternativ är aktiverat måste fältet fyllas i för att formuläret ska kunna skickas in. Om ett formulärfält har ställts in som obligatoriskt kan det inte ställas in som dolt.

The form editor with the left panel displaying the options to edit the form field. The option to make a form field required is toggle on and highlighted.

 

Lägg till ytterligare formulärelement

Lägg till ytterligare text- och medieelement eller säkerhetselement i ditt formulär. Precis som med formulärfält kan dessa element placeras ovanför, under eller bredvid andra fält.

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på ikonen + Lägg till längst upp till vänster.
  4. Klicka på Övrigt i panelen till vänster.
  5. Klicka och dra elementen till formulärförhandsvisningen till höger för att inkludera dem i ditt formulär.

    The form editor with the left panel displaying text and media elements that can be added to the form. These include image, heading, paragraph, reCAPTCHA, and data privacy elements.

Lägg till och redigera ditt formulärs tackmeddelande eller omdirigerings-URL

När en besökare skickar in ditt formulär kan du visa ett tackmeddelande eller omdirigera besökaren till en sida, möteslänk eller betalningslänk. 

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på innehållsikonensiteTreeIcon längst upp till vänster. 
  4. I den vänstra panelen klickar du på Vid inlämning. Du kan också klicka på formulärsteget i redigeraren. 
  5. På fliken Alternativ väljer du det innehåll som ska visas när formuläret skickas in:
    • Visa tackmeddelande: håll muspekaren över standardtackmeddelandet och klicka på redigeringsikonen för attlägga till eller redigera texten. 
      • Om du vill redigera tackmeddelandet i den utökade rich text-redigeraren klickar du på Redigera i utökad vy under Rich text i den vänstra panelen. 
    • Omdirigera till en sida, URL, möteslänk eller betalningslänk: omdirigera besökaren till en HubSpot-sida, möteslänk, betalningslänk eller specifik URL när de skickar in formuläret. 
      • Klicka på rullgardinsmenyn Omdirigera till en sida, URL, möteslänk eller betalningslänk och välj sedan ditt omdirigeringsinnehåll eller ange en specifik URL. 
  6. Klicka på Granska och uppdatera längst upp till höger för att publicera ändringarna i ditt liveformulär. 

Om du vill ställa in villkorslogik för att omdirigera besökare till en specifik sida baserat på deras tidigare svar kan du läsa om hur du lägger till villkorslogik i formulär.

A gif showing the steps to edit the thank you message in the form editor.

Lägg till villkorslogik i formulär

Prenumeration krävs A Ett eller Content Hub Professional- eller Enterprise- abonnemang krävs för att lägga till villkorslogik i formulär.

När du har lagt till dina formulärfält kan du ställa in villkorslogik för att dölja eller visa relevanta fält och steg, eller omdirigera besökare till andra HubSpot-sidor baserat på deras svar. 

För varje formulär kan du lägga till upp till 100 regler med 10 villkor per regel. Villkorslogik kan tillämpas på ett specifikt fält, en rich text-modul, en rubrik eller en bild. Villkorslogik kan inte tillämpas på reCAPTCHA- eller dataskyddsmoduler. 

Så här ställer du in villkorslogik i ditt formulär:

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på ikonen för arbetsflödeslogik längst upp till vänster i formulärredigeraren.
  4. I sidofältet klickar du på Lägg till logik.
  5. I avsnittet Regelkonfigurerar du dina villkorslogikregler. Om du till exempel filtrerar efter Stad och väljer är någon av Dublin, kommer villkorslogikregeln endast att gälla för poster med värdet Dublin.
  6. För att ta bort ett filter klickar du på ikonen för borttagning.
  7. För att klona ett filter, klicka på ikonenför kloning .
  8. För att lägga till ytterligare filter till regeln, klicka på Lägg till filter till denna grupp.
  9. Om du vill lägga till en ytterligare grupp till regeln klickar du på Lägg till grupp.
  10. 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 aktiveras.
    • ELLER: Endast ett filter i gruppen måste vara sant för att regeln ska utlösas. Läs mer om AND- eller OR-logik.
  11. I avsnittet klickar du på rullgardinsmenyn för att välja en åtgärd i formuläret:

Observera:formuläråtgärden Hoppa till stegfasas ut. Om ditt formulär aktivt använder villkorslogik för att hoppa över formulärsteg kommer den befintliga logiken att fortsätta dölja dina formulärsteg. När du redigerar logiken för ett befintligt formulär rekommenderas det att ersätta åtgärden Hoppa till steg med Dölj steg eller Visa steg.

    • Visa fält: om användarens svar matchar kriterierna som anges i dina regler, visa ett specifikt fält, en rich text-modul, en rubrik eller en bild.
    • Dölj fält: om användarens svar matchar kriterierna som anges i dina regler, visa ett specifikt fält, en rich text-modul, en rubrik eller en bild.
    • Hoppa till steg (föråldrad): om användarens svar matchar kriterierna som anges i dina regler, hoppa till ett specifikt steg. För att kunna använda denna åtgärd måste ditt formulär ha tre eller fler steg. Läs mer om att lägga till formulärsteg.
    • Dölj steg: formulärsteg döljs för besökaren om de uppfyller villkoren. För att kunna använda denna åtgärd måste ditt formulär ha två eller fler steg. 
    • Visa steg: formulärsteg visas för besökaren endast om de uppfyller villkoren. Om besökaren inte uppfyller villkoren förblir de valda stegen dolda i formuläret. För att kunna använda denna åtgärd måste ditt formulär ha två eller fler steg.
    • Omdirigera till: om besökarens svar matchar kriterierna som anges i dina regler, omdirigera dem till en HubSpot-sida, en extern URL eller en betalningslänk. Användare i en Sales HubEnterprise eller Service Hub Enterprise- konto kan omdirigera formulär till en möteslänk på en schemaläggningssida. 
  1. Beroende på vilken åtgärd du väljer fyller du i de obligatoriska fälten.
  2. För att tillämpa den villkorliga logiken klickar du på Spara och aktivera.

The form editor with the left panel displaying the options to edit form field logic.

Hantera regler för villkorslogik

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på ikonen för arbetsflödeslogik längst upp till vänster.
  4. För att lägga till en ny regel, klicka på Lägg till logik.
  5. För att redigera en regel, klicka på rullgardinsmenyn Åtgärder och välj Redigera.
  6. För att ta bort en regel klickar du på rullgardinsmenyn Åtgärder och väljer Ta bort.

Lägg till och redigera formulärsteg

Prenumeration krävs A Marketing Hub, Sales HubService HubStarter, Professional eller Enterprise eller Content HubEnterprise -abonnemang krävs för att lägga till och redigera formulärsteg.

Skapa flerstegsformulär för att uppmuntra användare att fylla i flera formulärsegment istället för ett enda långt formulär. Så här lägger du till ett formulärsteg i ett flerstegsformulär:

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. I den högra panelen, håll muspekaren mellan två befintliga steg och klicka på ikonen + lägg till. En ny stegsektion visas. Därefter kan du ställa in formulärfält och ytterligare formulärelement i stegpanelen.

The form editor displaying how to add and rearrange form steps.

  1. För att ändra ordningen på ett steg, håll muspekaren över steget. Klicka sedan på och dra Steg [x] längst upp till vänster i steget för att flytta det.
  2. För att klona ett steg, håll muspekaren över steget och klicka på ikonen för duplicering. Du kan inte klona steg som innehåller fält för e-post, reCAPTCHA eller dataskydd.
  3. För att ta bort ett steg, håll muspekaren över steget och klicka påikonen för borttagning.
Observera:
  • Formulärinlämningen är först klar när besökaren har slutfört alla steg i formuläret. Om en besökare har slutfört det första steget men inte resten av formuläret kommer fälten i det första steget inte att skickas in till formuläret.
  • Du kan lägga till högst 20 steg per formulär.

 

Lägg till och redigera förloppsindikatorn

Prenumeration krävs Ett Marketing Hub Starter-, Professional- eller Enterprise-abonnemang krävs för att lägga till och redigera förloppsindikatorn.

En förloppsindikator visar visuellt hur mycket av formuläret en användare har fyllt i, vilket förbättrar andelen ifyllda formulär.

  1. För att aktivera förloppsindikatorn, håll muspekaren över ett formulärsteg och klicka på red igeringsikonen.
    • I den vänstra panelen klickar du på knappen för att aktivera förloppsindikatorn. Förloppsindikatorn läggs till i alla formulärets steg. 
  2. För att redigera formatet på förloppsindikatorn väljer du i den vänstra panelen underFormat hur du vill visa text på förloppsindikatorn. Du kan välja mellan följande alternativ: Visa procentuell färdigställandegrad, Visa antal steg eller Visa ingen text.

The form editor with the left panel displaying options to turn on and adjust the format of the progress bar.

Redigera steglayouten och bakgrundsbannern

Välj bland fördefinierade steglayouter med hjälp av snabbväljaren för layout och anpassa formulärets bakgrundsbanner.

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Håll muspekaren över formulärsteget och klicka på redigeringsikonen uppe till höger.
  4. I panelen till vänster klickar du på fliken Stil och väljer en steglayout.
  5. För att ta bort layouten klickar du på Ta bort layout längst upp till höger.

The form editor with the left panel displaying options to edit the form step styles.

  1. Klicka på Bannerbakgrund för att expandera avsnittet:
    • Aktivera 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 på datorns hårddisk eller använda AI-assistenter för att generera bilder.

The form editor displaying banner style options, including color, opacity, gradient, and image selection.

Utforma ditt formulär

Anpassa text, inmatningsfält, knappar och bakgrund för ditt formulär och formulärsteg. Stilalternativ som konfigureras på fliken Global styling tillämpas på alla formulärsteg. Du kan inte utforma enskilda formulärsteg separat.

Observera: det går inte att ställa in ditt formulär som ren HTML i den uppdaterade redigeraren. Endast formulär som skapats med den gamla redigeraren kan ställas in som ren HTML.

Så här utformar du ditt formulär:

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på ikonen Formatering till vänster.

The form editor with the left panel displaying styles options, including branding, fields, buttons, paragraph, heading, background, and the progress bar.

  1. När du anpassar din text, dina inmatningsfält eller din knapp kan du välja bland befintliga stilar med hjälp av snabbinställningarna för fält. Alternativt kan du manuellt anpassa stilen för varje komponent i ditt formulär:
    • Fält: anpassa fältet, inklusive bakgrund och kantlinjer. Du kan också anpassa teckensnitt, teckenstorlek och färger för dina etiketter, samt färgerna för hjälptext, platshållare och feltext.
    • Knappar: anpassa knappens höjd, rundade hörn, bakgrund, toning och lägg till en skugga på knappen. Du kan också anpassa teckensnitt, teckenstorlek och färg för knapptexten.
    • Stycke (rik text): anpassa teckensnitt, teckenstorlek och färg för din brödtext.
    • Rubrik: anpassa teckensnitt och textfärg för din rubrik. Du kan välja att lägga till en skugga till din rubriktext.
    • Bakgrund: anpassa bakgrunden för ditt formulär och formulärstegen. Du kan välja att ställa in 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 ställa in en kant för ditt formulär.
    • Förloppsindikator: anpassa förloppsindikatorn på ditt formulär, inklusive färgen på förloppslinjen och teckensnittet för förloppsindikatorn.

Automatisera ditt formulär

Aktivera enkla automatiseringsfunktioner, såsom att skicka ett uppföljningsmejl till en kontakt eller skicka automatiska interna mejlmeddelanden till andra HubSpot-användare. Du kan också använda formulärinlämningen som en utlösare i ett enkelt arbetsflöde.

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. I den vänstra panelen klickardu på ikonen förautomatiserade arbetsflöden.
  4. I Automatisera vad som händer efter att ett formulär har skickats :

    • Om du vill att ett uppföljningsmejl ska skickas automatiskt efter varje formulärinlämning klickar du på Skapa detta arbetsflöde under Skicka ett mejl efter formulärinlämning.
    • Om du vill skapa ett eget arbetsflöde från en tom mall klickar du på Skapa nytt arbetsflöde under Skapa ditt eget enkla arbetsflöde. I den högra utskjutbara panelen väljer du alternativet En kontakt har skickat in ett formulär under Utlös åtgärden/åtgärderna när.
  5. För att lägga till andra arbetsflödesåtgärder klickar du på plusikonen ( +).
  6. För att aktivera ett arbetsflöde klickar du bredvid arbetsflödets namn för att slå på strömbrytaren . Klicka sedan på Okej. När du har publicerat ditt enkla arbetsflöde kommer alla ändringar som görs i arbetsflödet automatiskt att tillämpas på de kontakter som för närvarande är registrerade.
  7. Om du har valt att beta-versionen av meddelanden för formulärautomatisering , kan du meddela användare när automatiseringen behöver granskas och när registreringsgraden ändras:
    • För att få meddelanden om det finns några fel i arbetsflödet som kräver din uppmärksamhet, slå på knappen Få meddelande när denna automatisering behöver granskas.
    • För att få meddelanden när registreringsgraden fluktuerar, slå på knappen Få meddelande om registreringsgraden ändras. Välj sedan bland följande alternativ:
      • Använd Breeze-intelligens: slå på denna knapp för att automatiskt upptäcka eventuella förändringar i anmälningsgraden baserat på data från de senaste 30 dagarna.
      • Använd ett manuellt intervall: slå på denna knapp för att manuellt ställa in ett fast tröskelvärde som utlöser aviseringar när det överskrids.

        forms-automation-notification-settings
    • I avsnittet Mottagare av aviseringar klickar du på rullgardinsmenyerna Användare och Team och väljer de mottagare som aviseringarna ska skickas till. Endast användare som har aktiverat HubSpot-aviseringar för minst en kanal kan ta emot dessa aviseringar.

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

Anpassa formulärinstä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ändaraviseringar och formulärets standardspråk. Du kan ställa in kontaktens marknadsföringsstatus, livscykelstadium och mer. Vissa alternativ visas kanske inte beroende på ditt HubSpot-abonnemang.

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på inställningsikonen i den vänstra panelen.
  4. 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 inlämnade e-postadressen matchar en befintlig kontaktpost i din databas uppdateras uppgifterna i den befintliga posten.
      • Om detta alternativ är avstängt kommer HubSpot först att försöka koppla inlämningen till en befintlig kontakt med hjälp av den inlämnade e-postadressen. Om det inte finns någon kontakt med 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 kommer visningar inte att spåras för den här kontakten när en kontakt skickar in formuläret med en annan e-postadress i en webbläsare där det redan finns en cookie. Alternativen Fyll i kontaktfält med kända värden och Lägg till länk för att återställa formuläret kommer också att inaktiveras automatiskt.
    • Ange nya kontakter som marknadsföringskontakter: om ditt HubSpot-konto har åtkomst till marknadsföringskontakter kan du automatiskt ange alla kontakter som har skickat in detta formulär som marknadsföringskontakter. Detta inkluderar både nya och befintliga kontakter.
    • Fyll i fält automatiskt för återkommande besökare: om en kontakt tidigare har besökt din webbplats och skickat in ett formulär, och HubSpot har kunnat lagra och spåra deras cookies, kan alla kända fältvärden fyllas i automatiskt i formuläret. Detta alternativ är aktiverat som standard. Läs mer om förifyllda formulärfält.
    • Formulärförkortning: om du har HubSpot-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 länk för att återställa formuläret: om du har aktiverat Fyll i fält automatiskt för återkommande besökare kan du också lägga till en återställningslänk i ditt formulär. Om det här alternativet är aktiverat kan besökaren klicka på Inte du? Klicka här för att återställa i formuläret för att rensa alla förifyllda formulärfält. När ett formulär återställs:
      • Inaktiveras spårning via cookies för just den formulärinsändningen. Eventuella befintliga spårningscookies skrivs inte över. 
      • Formulärinlämningen skapar en ny kontaktpost för en e-postadress som inte matchar någon befintlig kontaktpost. 
    • Lägg till i marknadsföringskampanj: om du har ett Marketing Hub Professional - - eller Enterprise-abonnemang kan du koppla formuläret till en kampanj:
      • För att koppla ditt formulär 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 med att konfigurera kampanjen.
    • Uppdatera kontaktens och företagets livscykelstadium vid inlämning: klicka på rullgardinsmenyn Ställ in livscykelstadium till och välj ett livscykelstadium. När besökare skickar in formuläret kommer alla nya eller befintliga poster att ställas in på det valda livscykelstadiet.
      • Du kan inte flytta en post tillbaka i livscykelstadiet. Om en befintlig kontakt eller ett befintligt företag med ett senare livscykelstadium skickar in ett formulär kommer livscykelstadiet inte att uppdateras.
      • Den livscykelstadie som anges i ett formulär kommer att skriva över den standardlivscykelstadie som konfigurerats i dina HubSpot-inställningar.
  1. För att anpassa inställningarna för inlämning klickar du påfliken Inställningar för inlämning i vänsterpanelen. Anpassa följande inställningar för formulärinlämning:
    • Meddela kontaktens ägare: skickaautomatiskt ett meddelande till kontaktens ägare. Om en kontakt inte har någon ägare skickas inga meddelanden. Läs mer om objektsägande i HubSpot.
    • Lägg till användare som ska meddelas: i rullgardinsmenyn markerar du kryssrutorna bredvid de användare eller team som ska få meddelanden när formuläret skickas in, oavsett vem som äger kontakten. Alla mottagare som anges i formulärredigeraren kommer att skrivas över av mottagare som anges i formulärmodulen på HubSpot-sidor.
    • E-postdomäner att blockera: ange specifika e-postdomäner som ska blockeras från formulärinlämning. Om du till exempel vill blockera inlämningar från email@domain.com kan du lägga till domain.com. För att blockera inlämningar från alla gratis e-postleverantörer klickar du för att aktivera växeln Blockera gratis e-postleverantörer.

  1. För att anpassa språkinställningarna för ditt formulär klickar du på fliken Språk och region. Klicka på rullgardinsmenyn Primärt språk och välj sedan ett standardspråk för ditt formulär. Felmeddelanden, etiketter för standardegenskaper, hjälptext, platshållartext och standardvärden kommer att översättas till detta språk.
  2. Så här skapar du en AI-översättning av ditt formulär (endastMarketing Hub eller Content Hub Professional och Enterprise ):
    • Slå på AI-översättningar för allt formulärinnehåll.
    • I rullgardinsmenyn Primärt språk 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 samtyckestexter översätts automatiskt till detta språk.
    • Om du har uppdaterat formuläret sedan den senaste översättningen klickar du på Översätt om nu för att uppdatera översättningen.
A screenshot of the form editor, displaying form language and region settings.

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 kunna skicka in formuläret. Livevalidering av formulärfält ger besökare omedelbar feedback på deras inmatning, vilket gör det enklare att korrigera fel och fylla i formulär korrekt.

Om du till exempel har ställt in en valideringsregel för egenskapen Ordernummer så att den endast får innehålla numeriska värden, får besökarna feedback om att korrigera eventuella icke-numeriska inmatningar.

A screenshot of form validation rules displaying warning messages on the live form.
Som standard är realtidsvalidering i formulär aktiverad. Så här hanterar du realtidsvalidering i formulärfält:
  1. I ditt HubSpot-konto klickar du på settings inställningsikonen i det övre navigeringsfältet.
  2. I menyn i vänster sidfält navigerar du till Marknadsföring > Formulär.

  3. Klicka på fliken Inställningar för inlämning.
  4. Slå på eller stäng av knappen Aktivera realtidsvalidering av formulärfält.
  5. Klicka på Spara längst ned till vänster .

Förhandsgranska ditt formulär

Förhandsgranska formulärets utformning och funktion innan du publicerar det. Förhandsgranskningen visar hur besökarna kommer att uppleva formuläret, inklusive flerstegsnavigering, villkorslogik och obligatoriska fält. Detta hjälper dig att bekräfta layouten, validera logiken och granska flödet för leadinsamling utan att generera inlämningar.

Så här förhandsgranskar du ditt formulär:

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på Förhandsgranska längst upp till höger i formulärredigeraren. Formuläret öppnas som standard i förhandsgranskningsläge för datorer.
  4. För att förhandsgranska formuläret på olika typer av enheter klickar du högst upp på ikonen för surfplatta eller mobil.
  5. För att förhandsgranska ett specifikt steg i ett flerstegsformulär klickar du på rullgardinsmenyn Förhandsgranska steg längst upp till vänster. Välj sedan det steg du vill visa.
HubSpot form preview highlighting the Select Step dropdown menu to preview specific steps in a multi-step form.
  1. Om du vill förhandsgranska formuläret i en ny flik klickar du på Öppna i en ny flik längst upp till höger.
  2. Om du vill dela förhandsgranskningen med medarbetare klickar du på Kopiera länk längst upp till höger.
  3. För att testa besökarnas beteende kan du fylla i fält eller gå igenom formulärstegen i förhandsgranskningsläget. Formulär kan inte skickas in i förhandsgranskningsläget och inga inlämningsdata samlas in.
  4. För att återgå till formulärredigeraren klickar du på Avsluta förhandsgranskning längst upp till vänster och fortsätter sedan att redigera eller publicera ditt formulär.

Observera: om du använder formulärförkortning visar formulärförhandsgranskningen endast fältet E-post inledningsvis. När besökaren har angett sin e-postadress kontrolleras berikningsdata för att avgöra vilka ytterligare fält som behöver visas.

Publicera och dela ditt formulär

När du har skapat ett nytt formulär eller uppdaterat ditt formulär måste du uppdatera formuläret för att ändringarna ska träda i kraft. Därefter kan du bädda in formuläret på en HubSpot-sida eller i en CTA. Om du har innehåll som ligger utanför HubSpot kan du kopiera formulärets inbäddningskod eller använda delningslänken för att dela en fristående formulärsida.

Så här publicerar och delar du ditt formulär:

  1. I ditt HubSpot-konto navigerar du till Marknadsföring > Formulär.
  2. Skapa ett nytt formulär eller håll muspekaren över ett befintligt formulär och klicka på Redigera.
  3. Klicka på Granska och uppdatera längst upp till höger för att publicera dina formuläruppdateringar.
  4. Klicka på Uppdatera längst ned i den högra panelen. 
  5. Så här bäddar du in eller delar ditt formulär:
    • Bädda in med HubSpot: bädda in ditt formulär på en HubSpot CMS-webbsida, landningssida eller med HubSpot-CTA:er.
      • I avsnittet Välj mellan att bädda in ditt formulär på en HubSpot-webbplats eller landningssida eller med HubSpot-CTA:er väljer du ett innehållsalternativ
      • Klicka på rullgardinsmenyn och välj den målsida eller CTA där formuläret ska bäddas in.
    • 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 statistik för ditt formulär på en extern sida måste din HubSpot-spårningskod vara installerad på sidan. Läs mer om att lägga till ett HubSpot-formulär på en extern webbplats.
      • Klicka på Kopiera längst ned.
      • 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.
      • Klicka på Kopiera för att kopiera formulärsidans URL till urklipp.
      • Öppna ett nytt fönster eller en ny flik i webbläsaren och klistra in formulärsidans URL i adressfältet för att ladda den. Du kan också dela formulärsidans URL direkt med andra för att ge dem tillgång till formuläret.

The form editor share options, highlighting the option to embed the form on a HubSpot page or CTA. 

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