Opret og rediger formularer med den nye formulareditor (BETA)
Sidst opdateret: oktober 17, 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 dit 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, til 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 formularen til.
- Vælg din New Form Editor.
- Klik på Næste øverst til højre.
- Klik på blyantsikonet edit øverst for at redigere formularens navn.
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å + plus-ikonet øverst til venstre.
- I det venstre panel skal du klikke og trække felttypen til formulareksemplet til højre for at inkludere dem i din formular. Felter kan placeres over, under eller ved siden af andre felter.
- Klik i det højre panel, og indtast feltnavnet. Når du indtaster feltets etiket, vises en liste over lignende eksisterende egenskaber.
- Klik på en foreslået egenskab i dialogboksen Tilknyt felt til en egenskab.
- Klik på Søg egenskaber for at forbinde dit formularfelt med en anden egenskab.
- For at tilføje en forbundet egenskab skal du i venstre panel klikke for at udvide afsnittet Forbundet egen skab. 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 formularindsendelsen vises på aktivitetstidslinjen for de tilknyttede poster.
Bemærk venligst:
- Som standard er e-mail-feltet påkrævet ved 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, hvordan du tillader formularindsendelser uden e-mailadresser at oprette kontakter.
- Score-, beregnings- og rich text-egenskaber kan ikke bruges i en formular.
- Klik på Opret ny for at oprette en ny egenskab og bruge den som en forbundet egenskab med et felt på din formular .
- Vælg typen af formularfelt.
- Opsæt dit formularfelt i det højre panel.
- Gennemgå dine egenskabsregler, og klik derefter på Opret. Som standard er indstillingen Vis i formularer, pop op-formularer 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, kan 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 egenskabstype, 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, indstilles feltets værdi ved indsendelse af formularen, men feltet vises ikke 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 og privatliv til din formular. I lighed med formularfelter kan disse elementer placeres over, under eller ved siden af andre felter. I betaversionen er visse elementer muligvis ikke tilgængelige.
- 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å + plus-ikonet øverst til venstre.
- Klik på Andet i venstre panel.
- 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 afsnittet Logik skal du konfigurere dine betingede logikregler. Hvis du f.eks. filtrerer efter by og vælger er en af Dublin , vil den betingede logikregel kun gælde for poster med værdien Dublin.
- Klik på sletteikonet på deletee for at slette et filter.
- For at klone et filter skal du klikke på ikonetduplicate clone.
- For at tilføje flere filtre til reglen skal du klikke på add Tilføj filter til denne gruppe.
- Klik på add Tilføj gruppe for at tilføje en ekstra gruppe til reglen.
- 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 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.
- Afhængigt af den valgte handling skal du udfylde de nødvendige felter.
- 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.
- Hvis du vil 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 formularer med flere trin 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 mellem 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 slette et trin skal du holde musen over trinnet og klikke påsletteikonet på 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 er som standard tilføjet 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.
-
Bemærk venligst:
- Indsendelsen af formularen 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 højst 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 formulartrinnet, og klik på blyantsikonet edit øverst til højre.
- Vælg et trinlayout i venstre panel.
- For at fjerne layoutet skal du klikke på Fjern layout øverst til højre.
- 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-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 indtastningsfelter 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, livscyklusstadie 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 venstre panel.
- På fanen Generelt skal du konfigurere følgende generelle formularindstillinger:
- Opret altid kontakt fra ukendt e-mailadresse: Vælg denne mulighed 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, opdateres oplysningerne i den eksisterende post.
- 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 som marketingkontakter: Hvis din HubSpot-konto har adgang til marketingkontakter, kan du automatisk indstille alle kontakter, der har indsendt denne formular, som marketingkontakter. 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.
- Fø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 Kampagne og vælge en kampagne.
- Hvis du vil knytte formularen til en ny kampagne, skal du klikke på rullemenuen Kampagne og klikke på Opret kampagne. Fortsæt derefter med at opsætte din kampagne.
- Opret altid kontakt fra ukendt e-mailadresse: Vælg denne mulighed 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, opdateres oplysningerne i den eksisterende post.
-
- Opdater kontaktens og virksomhedens livscyklusstadie ved indsendelse: klik på dropdown-menuen Set lifecycle state to og vælg et livscyklusstadie . Nårbesøgende sender formularen, vil alle nye eller eksisterende poster blive sat til det valgte livscyklusstadie.
- Du kan ikke flytte en posts livscyklusstadie bagud. Hvis en eksisterende kontakt eller virksomhed med et senere livscyklusstadie indsender en formular, vil livscyklusstadiet ikke blive opdateret.
- Det livscyklusstadie, der er indstillet i en formular, overskriver det standardlivscyklusstadie , der er konfigureret i dine HubSpot-indstillinger.
- Opdater kontaktens og virksomhedens livscyklusstadie ved indsendelse: klik på dropdown-menuen Set lifecycle state to og vælg et livscyklusstadie . Nårbesøgende sender formularen, vil alle nye eller eksisterende poster blive sat til det valgte livscyklusstadie.
- For at tilpasse indstillingerne for indsendelse skal du klikke påfanen Indstillinger for indsendelse i venstre panel. Tilpas følgende indstillinger for indsendelse af formularer:
-
E-mailnotifikationer til besøgende: Vælg 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å kontakten 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 ejendom, 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 > Formularer i menuen i venstre side.
- Klik på fanen Indstillinger for indsendelse.
- 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 formularopdateringer, skal du udgive din formular for at gøre ændringerne live. Fø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.
- For at integrere din formular på en HubSpot-side skal du navigere til dit indhold, derefter 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 ekstern side. For at spore analyser for din formular på en ekstern side skal din HubSpot-sporingskode være installeret på siden. Læs mere 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 ekstern side. For at spore analyser for din formular på en ekstern side skal din HubSpot-sporingskode være installeret på siden. Læs mere om at tilføje en HubSpot-formular til en ekstern side.