Opret og rediger formularer ved hjælp af den nye formulareditor (BETA)
Sidst opdateret: december 11, 2024
Gælder for:
Alle produkter og abonnementer |
Opret og brug formularer med den nye formulareditor til at indsamle oplysninger om dine besøgende, som du kan gemme i HubSpot CRM. Når du bruger den nye formulareditor, kan du oprette formularer med flere trin. Derefter kan du style din formular, så den afspejler din virksomheds identitet og branding.
Når du har oprettet din formular, kan du tilføje den til dine HubSpot-sider ved hjælp af HubSpot-formularmodulet, et eksternt websted ved hjælp af formularens indlejringskode eller dele den som en selvstændig side med et delingslink.
Opret en ny formular
For at oprette en ny formular:
- På din HubSpot-konto skal du navigere til Marketing > Formularer.
- Klik på Opret formular øverst til højre.
- For at knytte formularen til en forretningsenhed skal du klikke på rullemenuen Vælg en forretningsenhed og vælge den forretningsenhed, du vil knytte denne formular til.
- Vælg din nye formulareditor.
- Klik på Næste øverst til højre.
- Klik øverst på blyantsikonet edit for at redigere formularnavnet. Du skal udgive formularen for at opdatere navnet.
Tilføj og rediger formularfelter
Tilføj formularfelter for at indsamle oplysninger fra dine besøgende og kontakter. Hvert formularfelt skal være knyttet til en HubSpot Egenskab. Sådan tilføjer du et formularfelt:
- På din HubSpot-konto skal du navigere til Marketing > Lead Capture > Forms.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på ikonet + Tilføj øverst til venstre.
- I det venstre panel skal du klikke og trække felttypen til formularens forhåndsvisning til højre for at inkludere dem i din formular. Felter kan placeres over, under eller ved siden af andre felter.
- I højre panel skal du klikke og indtaste feltnavnet. Når du indtaster feltets etiket, vises en liste over lignende eksisterende egenskaber.
- Klik på en foreslået egenskab i dialogboksen Forbind felt til en egenskab.
- Hvis du vil forbinde dit formularfelt med en anden egenskab, skal du klikke på Søg egenskaber.
- Hvis du vil tilføje en forbundet egenskab, skal du klikke i venstre panel for at udvide afsnittet Forbundet egenskab. Klik på den egenskab , du vil forbinde med formularfeltet.
- Hvis du vil bruge en eksisterende egenskab som en forbundet egenskab med et felt på din formular, skal du bruge søgefeltet til at søge efter en eksisterende egenskab. Objekttypen for det tilføjede felt kan afgøre, om indsendelsen af formular vises på aktivitetstidslinjen for tilknyttede poster.
Vær opmærksom på dette:
- Som standard er e-mail-feltet påkrævet for indsendelse af formularer til oprettelse af kontakter. HubSpot kontrollerer, om en e-mailadresse er gyldig, før en bruger får lov til at indsende formularen. Læs mere om at tillade indsendelse af formularer uden e-mailadresser til at oprette kontakter.
- Egenskaberne score, beregning og rig tekst kan ikke bruges i en formular.
- Hvis duvil oprette en ny egenskab og bruge den som en forbundet egenskab med et felt på din formular, skal du klikke på Opret ny.
- Vælg typen af formularfelt.
- Opsæt dit formularfelt i det højre panel.
- Gennemgå reglerne for din egenskab, og klik derefter på Opret. Som standard er indstillingen Vis i formularer, tidligere spørgsmål og bots valgt. Når du har oprettet din nye egenskab, bliver den automatisk knyttet til formularfeltet. Lær, hvordan du administrerer dine egenskaber.
- Når du har tilføjet dit formularfelt, skal du redigere et felts indstillinger:
- Klik på feltet i formularens forhåndsvisning i højre panel.
- Klik på i venstre panel for at udvide sektionen Feltindstillinger. Indstillingerne her kan variere afhængigt af feltets egenskab, læs mere om de yderligere muligheder for felttilpasning, der er tilgængelige.
- Hjælpetekst: information stekst under feltets etiket for at hjælpe den besøgende med at udfylde feltet.
- Pladsholdertekst: tekst, der vises i feltets inputboks. Teksten forsvinder, når den besøgende indtaster en værdi i feltet, og kommer ikke med i indsendelsen, selv om feltet er tomt.
- Standardværdi: En værdi, der som standard vil blive indsendt for feltet, medmindre den besøgende ændrer den.
- Skjult felt: Når denne indstilling er slået til, vil feltet få sin værdi indstillet gennem indsendelsen af formular, men feltet vil ikke blive vist for den besøgende. Når indstillingen er slået til, skal du angive den standardværdi, der overføres til egenskaben, når formularen indsendes.
- Påkrævet felt: Når denne indstilling er slået til, skal feltet udfyldes for at indsende formularen. Hvis et formularfelt er indstillet som påkrævet, kan det ikke indstilles som skjult.
Tilføj yderligere formularelementer
Tilføj yderligere tekst og medier eller sikkerhed til din formular. I lighed med formularfelter kan disse elementer placeres over, under eller ved siden af andre felter. Mens den er i beta , er visse elementer muligvis ikke tilgængelige for brug.
- På din HubSpot-konto skal du navigere til Marketing > Formularer.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på ikonet + Tilføj øverst til venstre.
- Klik på Andet i panelet til venstre.
- Klik og træk elementerne til formularens forhåndsvisning til højre for at inkludere dem i din formular.
Tilføj betinget logik til formularer (kunContent Hub eller Marketing Hub Professional og Enterprise )
Når du har tilføjet dine formularfelter, kan du opsætte betinget logik til at skjule eller vise relevante felter eller omdirigere besøgende til andre HubSpot-sider baseret på deres tidligere svar.
For hver formular kan du tilføje op til 30 regler med 10 betingelser pr. regel.
For at opsætte betinget logik på din formular:
- På din HubSpot-konto skal du navigere til Marketing > Formularer.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på ikonet githubBranch logic øverst til venstre.
- Klik på Tilføj logik i venstre panel.
- I logikafsnittet skal du konfigurere dine betingede logikregler. Hvis du f.eks. filtrerer efter by og vælger er en hvilken som helst af Dublin , vil den betingede logikregel kun gælde for poster med værdien Dublin.
- For at slette et filter skal du klikke på ikonet deletee delete.
- For at klone et filter skal du klikke på ikonetduplicate clone.
- Hvis du vil tilføje yderligere filtre til reglen, skal du klikke på add Tilføj filter til denne gruppe.
- Hvis du vil tilføje en ekstra gruppe til reglen, skal du klikke på add Tilføj gruppe.
- Hvis du har tilføjet flere filtre eller grupper til reglen, skal du klikke på AND OR -rullemenuen mellem filtrene og grupperne for at anvende AND- eller OR-logik:
- AND: Alle filtre i reglen skal være sande, for at reglen kan udløses.
- ELLER: Kun ét filter i gruppen skal være sandt, for at reglen udløses. Få mere at vide om AND- eller OR-logik.
- Klik på rullemenuen i afsnittet Derefter for at vælge handlinger på formularen. Du kan vælge mellem følgende:
- Vis et felt: Hvis brugerens svar matcher kriterierne i dine regler, skal du vise et bestemt felt.
- Skjul et felt: Hvis brugerens svar matcher kriterierne i dine regler, skal du vise et bestemt felt.
- Spring til trin: Hvis brugerens svar matcher kriterierne i dine regler, skal du springe til et bestemt trin. For at bruge denne mulighed skal formularen have mindst tre trin. Læs mere om at tilføje formulartrin.
- Omdiriger til: Hvis brugerens svar matcher kriterierne i dine regler, skal du omdirigere dem til en HubSpot-side eller en ekstern URL. Brugere med en Sales Hub Enterprise- eller Service Hub Enterprise-konto kan omdirigere formularer til et mødelink på en planlægningsside.
- Udfyld de nødvendige felter afhængigt af den valgte handling.
- Klik på Gem og aktiver for at anvende den betingede logik.
Håndter regler for betinget logik
- På din HubSpot-konto skal du navigere til Marketing > Formularer.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på ikonet githubBranch logic øverst til venstre.
- Klik på Tilføj logik for at tilføje en ny regel.
- For at redigere en regel skal du klikke på rullemenuen Handlinger og vælge Rediger.
- Hvis du vil slette en regel, skal du klikke på rullemenuen Handlinger og vælge Slet.
Tilføj og rediger formulartrin
Bemærk: Denne funktion er kun tilgængelig for Marketing Hub, Sales Hub eller Service Hub Starter, Professional og Enterprise eller Content Hub Enterprise.
Opret flertrinsformularer for at opfordre brugerne til at udfylde flere formularsegmenter i stedet for en enkelt lang formular. Sådan tilføjer du et formulartrin i en flertrinsformular:
- På din HubSpot-konto skal du navigere til Marketing > Lead Capture > Forms.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Hold musen over to eksisterende trin i højre panel, og klik på ikonet + tilføj. En ny trinsektion vises. Derefter kan du opsætte formularfelter og yderligere formularelementer i trinpanelet.
- For at omarrangere rækkefølgen af et trin skal du holde musen over trinnet. Klik derefter øverst til venstre på trinnet og træk Trin [x] for at flytte det.
- For at klone et trin skal du holde musen over trinnet og klikke på ikonet duplicate clone. Du kan ikke klone trin, der indeholder en e-mail, reCAPTCHA eller databeskyttelsesfelter.
- Hvis du vil slette et trin, skal du holde musen over trinnet og klikke påikonet delete delete.
- En statuslinje viser visuelt, hvor stor en del af formularen en bruger har udfyldt, hvilket forbedrer antallet af udfyldte formularer. Sådan redigerer du statuslinjen:
- Hold musen over statuslinjen, og klik påblyantsikonet edit .
-
- I det venstre panel kan du redigere statuslinjen og slå den til eller fra:
-
-
- Fremdriftslinjen tilføjes som standard til alle formularer. Hvis du vil slå statuslinjen fra, skal du slå statuslinjen fra. Det vil fjerne statuslinjen fra alle formularens trin.
- I sektionen Format kan du vælge, hvordan teksten skal vises på statuslinjen. Du kan vælge mellem følgende muligheder: Vis procentdel ved færdiggørelse, Vis antal trin eller Vis ingen tekst.
-
Vær venligst opmærksom på dette:
- Indsendelsen af formular vil kun blive gennemført, når den besøgende har indsendt alle trin i formularen. Hvis en besøgende har udfyldt det første trin, men ikke resten af formularen, vil felterne i det første trin ikke blive indsendt til formularen.
- Du kan maksimalt tilføje 20 trin pr. formular.
Rediger trinlayoutet og baggrundsbanneret
Vælg mellem foruddefinerede trinlayouts ved hjælp af den hurtige layoutomskifter, og tilpas dit formularbaggrundsbanner.
- På din HubSpot-konto skal du navigere til Marketing > Formularer.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Hold musen over formularens trin, og klik på blyantsikonet edit øverst til højre.
- Vælg et trinlayout i venstre panel.
- Klik på Fjern layout øverst til højre for at fjerne layoutet .
- Klik på Banner-baggrund for at udvide sektionen:
- Slå knappen Baggrundsfarve til for at tilpasse formularens baggrundsbanner.
-
- Vælg en farve og opacitet.
- Klik på rullemenuen Gradient for at tilføje en gradient.
- Brug et billede som baggrund for banneret. Du kan uploade et billede fra dine HubSpot AI-filer, gennemse billeder fra din computers harddisk eller bruge AI-assistenter til at generere billeder.
Stil din formular
Tilpas teksten, inputfelterne, knappen og baggrunden for din formular og formularens trin. Stilindstillinger, der er konfigureret på fanen Global styling, vil blive anvendt på alle formulartrin. Du kan ikke style individuelle formulartrin separat.
For at style din formular:
- På din HubSpot-konto skal du navigere til Marketing > Formularer..
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på stilikonet øverst til venstre.
- Når du tilpasser din tekst, dine inputfelter eller din knap, kan du vælge mellem eksisterende stilarter ved hjælp af Quick field input styles. Alternativt kan du manuelt tilpasse stilen for hver komponent i din formular:
- Tekst: Tilpas skrifttype, skriftstørrelse og farve til din overskrift og brødtekst. Du kan vælge at tilføje slagskygge til din overskriftstekst eller fremhæve din brødtekst.
-
- Inputfelter: Tilpas feltet, herunder baggrund og kanter. Du kan også tilpasse skrifttype, skriftstørrelse og farver for dine labels samt farverne for din hjælpetekst, pladsholdere og fejltekst.
- Knap: Tilpas knappens højde, hjørneafrunding, baggrund, gradient, og tilføj en skygge til knappen. Du kan også tilpasse skrifttype, skriftstørrelse og farve for knapteksten.
- Baggrund: Tilpas baggrunden for din formular og formularens trin. Du kan vælge at indstille en baggrundsfarve eller bruge et billede som baggrund. Du kan bruge AI-assistenter til at generere billeder. Du kan også vælge at sætte en kant på din formular.
Tilpas formularindstillinger
Konfigurer formularens indstillinger, herunder hvad der sker med den tilsvarende kontakt, når en formular er indsendt, indstillinger for brugermeddelelser og formularens standardsprog. Du kan indstille kontaktens marketingstatus, Livscyklusfase og meget mere. Nogle indstillinger vises muligvis ikke, afhængigt af dit HubSpot-abonnement.
- På din HubSpot-konto skal du navigere til Marketing > Formularer.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på ikonet settings settings i panelet til venstre.
- På fanen Generelt skal du konfigurere følgende generelle formularindstillinger:
- Opret altid kontakt fra ukendt e-mailadresse: Vælg denne indstilling for at oprette en ny kontaktpost for hver indsendelse med en unik e-mailadresse. Hvis den indsendte e-mailadresse matcher en eksisterende kontaktpost i din database, vil oplysningerne i den eksisterende post blive opdateret.
- Hvis denne indstilling er slået fra, vil HubSpot først forsøge at knytte indsendelsen til en eksisterende kontakt med den indsendte e-mailadresse. Hvis der ikke findes nogen kontakt på denne e-mailadresse, vil HubSpot genkende og opdatere dine kontakter baseret på cookies i deres browsere. Dette kan resultere i, at kontakter overskrives, hvis den samme formular indsendes flere gange fra den samme enhed.
- Hvis denne indstilling er slået til, vil der ikke blive sporet visninger for denne kontakt, når en kontakt sender formularen med en anden e-mail i en browser, hvor der allerede er en cookie. Indstillingen Pre-populate contact fields with known values bliver også automatisk deaktiveret.
- Indstil kontakter, der er oprettet på som marketingkontakter: Hvis din HubSpot-konto har adgang til marketingkontakter, kan du automatisk indstille alle kontakter, der har indsendt denne formular, som marketing. Dette omfatter både nye og eksisterende kontakter.
- Forudfyld felter for tilbagevendende besøgende: Hvis en kontakt tidligere har besøgt dit websted og indsendt en formular, og HubSpot var i stand til at gemme og spore deres cookies, kan alle kendte feltværdier forudfyldes på formularen. Denne mulighed er aktiveret som standard, læs mere om forudfyldte formularfelter.
- Tilføj til marketingkampagne: Hvis du har et Marketing Hub Professional eller Enterprise-abonnement, kan du knytte formularen til en kampagne:
- Hvis du vil knytte din formular til en eksisterende kampagne, skal du klikke på rullemenuen Kampagner og vælge en kampagne.
- Hvis du vil knytte din formular til en ny kampagne, skal du klikke på rullemenuen Kampagner og klikke på Opret kampagne. Fortsæt derefter med at opsætte din kampagne.
- Opret altid kontakt fra ukendt e-mailadresse: Vælg denne indstilling for at oprette en ny kontaktpost for hver indsendelse med en unik e-mailadresse. Hvis den indsendte e-mailadresse matcher en eksisterende kontaktpost i din database, vil oplysningerne i den eksisterende post blive opdateret.
-
- Opdater kontaktens og virksomhedens livscyklusfase ved indsendelse: Klik på rullemenuen Set lifecycle state to, og vælg en livscyklusfase . Nårbesøgende sender formularen, vil alle nye eller eksisterende poster blive sat til den valgte Livscyklusfase.
- Du kan ikke flytte en posts Livscyklusfase bagud. Hvis en eksisterende kontakt eller virksomhed med en senere Livscyklusfase indsender en formular, vil Livscyklusfasen ikke blive opdateret.
- Livscyklusfasen, der er indstillet i en formular, overskriver standardlivscyklusfasen , der er konfigureret i dine HubSpot-indstillinger.
- Opdater kontaktens og virksomhedens livscyklusfase ved indsendelse: Klik på rullemenuen Set lifecycle state to, og vælg en livscyklusfase . Nårbesøgende sender formularen, vil alle nye eller eksisterende poster blive sat til den valgte Livscyklusfase.
- For at tilpasse indstillingerne for indsendelse skal du klikke påfanen Indstillinger for indsendelse i venstre panel. Tilpas følgende indstillinger for indsendelse af formular:
-
E-mailnotifikationer til besøgende: Marker afkrydsningsfeltet Send e-mailnotifikationer om indsendelse til kontaktens ejer for automatisk at sende en notifikation til kontaktens ejer. Hvis en kontakt ikke har nogen ejer, sendes der ingen meddelelser. Få mere at vide om objektejerskab i HubSpot.
-
E-mailnotifikationer om indsendelse: Klik pårullemenuen Send e-mailnotifikationer om indsendelse til for at vælge de standardteams eller -personer, der skal sendes e-mailnotifikationer om indsendelse til, uanset kontaktens ejerskab. Modtagere, der er indstillet her, overskrives af modtagere, der er indstillet i formularindstillingerne på HubSpot-sider.
-
- Klik på fanen Lanugage & Region forat tilpasse sprogindstillingerne fordin formular. Klik på rullemenuen Primært sprog, og vælg derefter et standardsprog for din formular. Fejlmeddelelser, etiketter til standardegenskaber, hjælpetekst, pladsholdertekst og standardværdier vil blive oversat til dette sprog.
- Sådan opretter du en AI-oversættelse af din formular (kunMarketing Hub eller Content Hub Professional og Enterprise ):
- Slå knappen Aktiverede AI-oversættelser for alt formularindhold AI til.
- I rullemenuen Primary language skal du vælge det sprog, du vil oversætte formularen til. Fejlmeddelelser, etiketter til standardegenskaber, hjælpetekst, pladsholdertekst, standardværdier, brugerdefinerede etiketter, fyldig tekst og samtykketekst bliver automatisk oversat til dette sprog.
- Hvis du har opdateret din formular siden den forrige oversættelse, skal du klikke på Retranslate now for at opdatere oversættelsen.
Administrer live-validering af formularfelter
Hvis du har indstillet valideringsregler for en egenskab, vil disse regler gælde for formularfelter, og besøgende skal opfylde disse krav for at indsende formularen. Live-validering af formularfelter giver besøgende øjeblikkelig feedback på deres input, hvilket gør det nemmere at rette fejl og udfylde formularer præcist.
Hvis du f.eks. har indstillet en valideringsregel for egenskaben Ordrenummer til kun at indeholde numeriske værdier, vil besøgende få feedback til at rette eventuelle ikke-numeriske indtastninger.
Som standard er live-validering på formularer slået til. Sådan slår du live-validering til/fra på formularfelter:
- På din HubSpot-konto skal du klikke på settings indstillingsikonet på den øverste navigationslinje.
-
Gå til Marketing+ Forms i menuen i venstre side.
- Klik på fanen Submission Settings.
- Slå Aktiver live-validering af formularfelter til/fra.
- Klik på Gem nederst til venstre.
Udgiv eller del din formular
Når du har oprettet en ny formular eller lavet dine formularopdateringer, skal du udgive din formular for at gøre ændringerne live. Tilføj den derefter til dit HubSpot-indhold, brug formularens indlejringskode til at tilføje den til en ekstern side, eller del den som en selvstændig side med et delingslink.
- På din HubSpot-konto skal du navigere til Marketing > Lead Capture > Forms.
- Opret en ny formular, eller hold musen over en eksisterende formular, og klik på Rediger.
- Klik på Udgiv øverst til højre for at udgive dine formularopdateringer.
- Hvis du vil integrere din formular på en HubSpot-side, skal du navigere til dit indhold, tilføje formularmodulet og vælge formularen.
- Hvis du vil dele din formular eller integrere den på et eksternt websted, skal du klikke på Del øverst til højre og derefter vælge mellem følgende muligheder:
- Hent indlejringskode: Brug en indlejring til at tilføje din formular på en eksternt hostet side. For at spore analyser for din formular på en ekstern side skal din HubSpot-sporingskode være rates på siden. Få mere at vide om at tilføje en HubSpot-formular til en ekstern side.
- Klik på Kopier nederst på siden.
- Indsæt indlejringskoden i HTML-modulet på din side.
- Kopier et delingslink: Brug en URL til at dele formularen som en selvstændig side.
- Hent indlejringskode: Brug en indlejring til at tilføje din formular på en eksternt hostet side. For at spore analyser for din formular på en ekstern side skal din HubSpot-sporingskode være rates på siden. Få mere at vide om at tilføje en HubSpot-formular til en ekstern side.