Gå til innhold
Merk:: Denne artikkelen er oversatt av praktiske årsaker. Oversettelsen opprettes automatisk ved hjelp av oversettingsprogramvare, og det er ikke sikkert at den er korrekturlest. Den engelske versjonen av denne artikkelen skal regnes som den regjerende versjonen med den nyeste informasjonen. Du finner den her.

Opprett og rediger skjemaer ved hjelp av det nye skjemaredigeringsprogrammet (BETA)

Sist oppdatert: desember 11, 2024

Gjelder for:

Alle produkter og planer



Opprett og bruk skjemaer med den nye skjemaredigereren for å samle informasjon om de besøkende for å lagre i HubSpot CRM. Når du bruker det nye skjemaredigeringsprogrammet, kan du lage flertrinnsskjemaer. Stil deretter skjemaet ditt slik at det gjenspeiler bedriftens identitet og merkevarebygging.

Etter å ha opprettet skjemaet ditt, kan du legge det til på HubSpot-sidene dine ved å bruke HubSpot-skjemamodulen, et eksternt nettsted ved å bruke skjemaets innebygde kode , eller dele det som en frittstående side med en delingslenke .

Opprett et nytt skjema

Slik oppretter du et nytt skjema:

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  • Klikk på Opprett skjema øverst til høyre.
  • For å knytte skjemaet til enforretningsenhet klikker du på rullegardinmenyen Velg en forretningsenhet og velger forretningsenheten du vil knytte dette skjemaet til.
  • Velg New Form Editor .
  • Klikk på Neste øverst til høyre.
  • Øverst klikker du på edit blyantikonet for å redigere skjemanavnet. Du må publisere skjemaet for å oppdatere skjemanavnet.

 

Legg til og rediger skjemafelt

Legg til skjemafelt for å samle informasjon fra besøkende og kontakter på nettstedet ditt. Hvert skjemafelt må være tilknyttet en HubSpot-egenskap. Slik legger du til et skjemafelt:

  • I HubSpot-kontoen din, naviger til Markedsføring > Lead Capture > Skjemaer .
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Klikk på + legg til-ikonet øverst til venstre.
  • I det venstre panelet klikker og drar du felttypen til forhåndsvisningen av skjemaet til høyre for å inkludere dem i skjemaet. Felter kan plasseres over, under eller ved siden av andre felt.
  • I det høyre panelet klikker du og skriver inn feltetiketten . Når du legger inn feltetiketten, vil en liste over lignende eksisterende egenskaper vises.
    • I dialogboksen Koble til en egenskap klikker du på en foreslått egenskap .
    • For å koble skjemafeltet til en annen egenskap, klikk Søk i egenskaper .

KB - Add Fields New Editor

  • For å legge til en tilkoblet eiendom, klikk i venstre panel for å utvide delen Tilkoblet eiendom . Klikk på egenskapen du vil koble til skjemafeltet.
  • For å bruke en eksisterende eiendom som en tilknyttet eiendom med et felt på skjemaet, bruk søkefeltet til å søke etter en eksisterende eiendom. Objekttypen til feltet som legges til kan avgjøre om skjemainnsendingen vises på aktivitetstidslinjen til tilknyttede poster.

Vennligst merk:

  • Som standard er E-post -feltet nødvendig for skjemainnsendinger for å opprette kontakter. HubSpot vil sjekke om ene-postadresse er gyldig før du lar en bruker sende inn skjemaet. Finn ut mer om å tillate innsending av skjemaer uten e-postadresser for å opprette kontakter.
  • Score-, beregnings- og rik tekstegenskaper kan ikke brukes i et skjema.

 

  • For å opprette en ny egenskap og bruke den som en tilkoblet eiendom med et felt i skjemaet, klikk på Opprett ny .
    • Velg skjemafelttypen .
    • Sett opp skjemafeltet i det høyre panelet.
    • Se gjennom egenskapsreglene dine, og klikk deretter på Opprett . Som standard vil alternativet Vis i skjemaer, popup-skjemaer og roboter være valgt. Etter å ha opprettet din nye eiendom, vil den automatisk knyttes til skjemafeltet. Lær hvordan du administrerer eiendommene dine .
  • Etter å ha lagt til skjemafeltet, for å redigere alternativene for et felt:
    • I det høyre panelet klikker du på feltet i forhåndsvisningen av skjemaet .
    • I venstre panel klikker du for å utvide delen Feltalternativer . Alternativene her kan variere avhengig av feltets egenskapstype. Finn ut mer om de ekstra tilgjengelige felttilpasningsalternativene .
      • Hjelpetekst: informasjonstekst under feltets etikett for å hjelpe besøkende med å fullføre feltet.
      • Plassholdertekst: tekst som vises i inntastingsboksen for feltet. Teksten forsvinner når den besøkende skriver inn en verdi i feltet, og kommer ikke igjennom i innsendingen, selv om feltet står tomt.
      • Standardverdi: en verdi som sendes inn for feltet som standard med mindre den besøkende endrer det.
      • Skjult felt : når dette alternativet er slått på, vil feltet ha sin verdi angitt gjennom skjemainnsendingen, men feltet vil ikke vises for den besøkende. Når innstillingen er slått på, angir du standardverdien som skal overføres til egenskapen når skjemaet sendes inn.
      • Obligatorisk felt: når dette alternativet er slått på, må feltet fylles ut for å sende inn skjemaet. Hvis et skjemafelt er satt som nødvendig, kan det ikke settes som skjult.

edit-form-field

Legg til flere skjemaelementer

Legg til ekstra tekst og media eller sikkerhet i skjemaet. I likhet med skjemafelt kan disse elementene plasseres over, under eller ved siden av andre felt. Mens de er i beta, kan det hende at enkelte elementer ikke er tilgjengelige for bruk.

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Klikk på + legg til-ikonet øverst til venstre.
  • Klikk på Annet i panelet til venstre.
  • Klikk og dra elementene til forhåndsvisningen av skjemaet til høyre for å inkludere dem i skjemaet.


    2024-04-29_13-59-20

Legg til betinget logikk i skjemaer (kun Content Hub eller Marketing Hub Professional og Enterprise )

Etter å ha lagt til skjemafeltene dine, kan du sette opp betinget logikk for å skjule eller vise relevante felt, eller omdirigere besøkende til andre HubSpot-sider basert på deres tidligere svar.

For hvert skjema kan du legge til opptil 30 regler med 10 betingelser per regel.

Slik setter du opp betinget logikk på skjemaet ditt:

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Øverst til venstre klikker du på githubBranch logikkikonet .
  • Klikk på Legg til logikk i panelet til venstre.
  • I logikkdelen konfigurerer du betingede logikkregler. For eksempel, hvis du filtrerer etter By og velger en av Dublin, vil den betingede logiske regelen bare gjelde for poster med verdien Dublin.
  • For å slette et filter, klikk på slettingsikonet deletee
  • For å klone et filter, klikk på duplicate .
  • For å legge til flere filtre i regelen, klikk på add Legg til filter i denne gruppen .
  • For å legge til en ekstra gruppe til regelen, klikk add Legg til gruppe.
  • Hvis du har lagt til flere filtre eller grupper i regelen, klikker du på OG ELLER- rullegardinmenyen mellom filtrene og gruppene for å bruke OG- eller ELLER- logikk:
    • OG : Alle filtrene i regelen må være sanne for at regelen skal utløses.
    • ELLER : Bare ett filter i gruppen må være sant for at regelen skal utløses. Lær mer om OG- eller ELLER-logikk .
  • I Deretter- delen klikker du på rullegardinmenyen for å velge handlinger i skjemaet . Du kan velge mellom følgende:
    • Vis et felt : hvis brukerens svar samsvarer med kriteriene i reglene dine, vis et spesifikt felt.
    • Skjul et felt : hvis brukerens svar samsvarer med kriteriene i reglene dine, vis et spesifikt felt.
    • Hopp til trinn : hvis brukerens svar samsvarer med kriteriene som er angitt i reglene dine, hopper du til et spesifikt trinn. For å bruke dette alternativet må skjemaet ha minst tre trinn. Finn ut mer om å legge til skjematrinn .
    • Omdiriger til : hvis brukerens svar samsvarer med kriteriene som er satt i reglene dine, omdirigere dem til en HubSpot-side eller en ekstern URL. Brukere i en Sales Hub Enterprise- eller Service Hub Enterprise- konto kan omdirigere skjemaer til en møtekobling på en planleggingsside.
  • Avhengig av den valgte handlingen, fyll ut de obligatoriske feltene.
  • For å bruke den betingede logikken, klikk Lagre og aktiver.

2024-06-14_10-46-33

Administrer betingede logiske regler

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Øverst til venstre klikker du på githubBranch logikkikonet .
  • For å legge til en annen regel, klikk på Legg til logikk .
  • For å redigere en regel klikker du på rullegardinmenyen Handlinger og velger Rediger .
  • For å slette en regel, klikk på rullegardinmenyen Handlinger og velg Slett .

Legg til og rediger skjematrinn

Merk: denne funksjonen er bare tilgjengelig for Marketing Hub , Sales Hub , eller Service Hub Starter , Professional og Enterprise eller Content Hub Enterprise.

Lag flertrinnsskjemaer for å oppmuntre brukere til å fylle ut flere skjemasegmenter i stedet for ett enkelt langt skjema. Slik legger du til et skjematrinn i et flertrinnsskjema:

  • I HubSpot-kontoen din, naviger til Markedsføring > Lead Capture > Skjemaer .
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • I det høyre panelet, hold markøren mellom to eksisterende trinn og klikk på + legg til-ikonet . En ny trinndel vises. Deretter kan du sette opp skjemafelt og ytterligere skjemaelementer i trinnpanelet.

KB - Add Step New Editor

  • For å omorganisere rekkefølgen på et trinn, hold musepekeren over trinnet. Deretter, øverst til venstre i trinnet, klikk og dra trinn [x] for å flytte det.
  • For å klone et trinn, hold musepekeren over trinnet og klikk på duplikatkloneikonet duplicate Du kan ikke klone trinn som inkluderer felt for e-post, reCAPTCHA eller datapersonvern.
  • For å slette et trinn, hold musepekeren over trinnet og klikk på delete -ikonet .
  • En fremdriftslinje viser visuelt hvor mye av skjemaet en bruker har fullført, noe som forbedrer skjemautfyllingsfrekvensen. For å redigere fremdriftslinjen:
    • Hold markøren over fremdriftslinjen og klikk på edit blyantikonet .

2024-10-17_13-05-13

    • I det venstre panelet kan du redigere fremdriftslinjen og slå den på eller av:
      • Fremdriftslinjen legges til alle skjemaer som standard. For å slå av fremdriftslinjen, slå av fremdriftslinjen . Dette vil fjerne fremdriftslinjen fra alle skjematrinn.
      • I Format- delen velger du hvordan du vil at teksten skal vises på fremdriftslinjen. Du kan velge mellom følgende alternativer: Vis prosentandel ved fullføring , Vis antall trinn eller Vis ingen tekst .

Vennligst merk:

  • Skjemainnsendingen vil bare bli fullført når den besøkende har sendt inn alle trinnene i skjemaet. Hvis en besøkende har fullført det første trinnet, men ikke fyller ut resten av skjemaet, vil ikke feltene i det første trinnet sendes til skjemaet.
  • Du kan legge til maksimalt 20 trinn per skjema.

Rediger trinnoppsettet og bakgrunnsbanneret

Velg mellom forhåndsdefinerte trinnoppsett ved hjelp av hurtigoppsettbytteren og tilpass skjemabakgrunnsbanneret.

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Hold markøren over skjematrinnet og klikk på edit blyantikonet øverst til høyre.
  • Velg et trinnoppsett i panelet til venstre.
  • For å fjerne layouten, klikk Fjern layout øverst til høyre.

2024-05-14_11-20-36

  • Klikk på Bannerbakgrunn for å utvide delen:
    • Slå på Bakgrunnsfarge- bryteren for å tilpasse skjemaets bakgrunnsbanner .
    • Velg en farge og opasitet .
    • Klikk på rullegardinmenyen Gradient for å legge til en gradient.
    • Bruk et bilde for bannerbakgrunnen. Du kan laste opp et bilde fra HubSpot-filene dine, bla gjennom bilder fra datamaskinens harddisk eller bruke AI-assistenter til å generere bilder.

Screenshot 2024-05-14 at 11.44.53

Stil skjemaet ditt

Tilpass teksten, inndatafeltene, knappen og bakgrunnen for skjemaet og skjematrinnene dine. Stilalternativer konfigurert i Global Styling- fanen vil bli brukt på alle skjematrinn. Du kan ikke style individuelle skjematrinn separat.

Slik stiler du skjemaet ditt:

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer..
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Klikk på stilikonet øverst til venstre.

  • Når du tilpasser tekst , inndatafelt eller knapp , kan du velge fra eksisterende stiler ved å bruke stilene for hurtiginntasting . Alternativt kan du tilpasse stilen manuelt for hver komponent i skjemaet ditt:
    • Tekst: Tilpass skrift, skriftstørrelse og farge for overskriften og brødteksten. Du kan velge å legge til skygge i overskriftsteksten, eller markere i brødteksten.
    • Inndatafelt: Tilpass feltet, inkludert bakgrunn og kanter. Du kan også tilpasse fonten, skriftstørrelsen og fargene for etikettene dine, samt fargene for hjelpeteksten, plassholderne og feilteksten.
    • Knapp: tilpass knappens høyde, hjørneavrunding, bakgrunn, gradient, og legg til en skygge på knappen. Du kan også tilpasse skrift, skriftstørrelse og farge for knappeteksten.
    • Bakgrunn: Tilpass bakgrunnen for skjemaet og skjematrinnene. Du kan velge å angi en bakgrunnsfarge eller bruke et bilde for bakgrunnen. Du kan bruke AI-assistenter til å generere bilder. Du kan også velge å angi en kantlinje for skjemaet ditt.

Tilpass skjemainnstillinger

Konfigurer skjemaets innstillinger, inkludert hva som skjer med den tilsvarende kontakten etter at et skjema er sendt inn, brukervarslingsinnstillinger og skjemaets standardspråk. Du kan angi kontaktens markedsføringsstatus, livssyklusstadium og mer. Noen alternativer vises kanskje ikke avhengig av HubSpot-abonnementet ditt.

  • I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • I panelet til venstre klikker du på innstillingsikonet settings
  • På fanen Generelt konfigurerer du følgende generelle skjemainnstillinger:
    • Opprett alltid kontakt fra ukjent e-postadresse : velg dette alternativet for å opprette en ny kontaktpost for hver innsending med en unik e-postadresse . Hvis den innsendte e-postadressen samsvarer med en eksisterende kontaktpost i databasen din, vil detaljene på den eksisterende posten bli oppdatert.
      • Hvis dette alternativet er slått av , vil HubSpot først forsøke å knytte innsendingen til en eksisterende kontakt med den innsendte e-postadressen. Hvis det ikke finnes noen kontakt på den e-postadressen, vil HubSpot gjenkjenne og oppdatere kontaktene dine basert på informasjonskapslene i deres nettlesere. Dette kan føre til at kontakter blir overskrevet hvis det samme skjemaet sendes inn flere ganger fra samme enhet.
      • Hvis dette alternativet er slått på , vil visninger ikke spores for denne kontakten når en kontakt sender inn skjemaet med en annen e-post i en nettleser der det allerede er en informasjonskapsel. Alternativet Forhåndsutfyll kontaktfelt med kjente verdier blir også automatisk deaktivert.
    • Angi kontakter opprettet som markedsføringskontakter : hvis HubSpot-kontoen din har tilgang til markedsføringskontakter , kan du automatisk angi alle kontakter som har sendt inn dette skjemaet som markedsføring. Dette inkluderer både nye og eksisterende kontakter.
    • Forhåndsutfyll felt for tilbakevendende besøkende : Hvis en kontakt tidligere har besøkt nettstedet ditt og sendt inn et skjema, og HubSpot var i stand til å lagre og spore informasjonskapslene deres, kan alle kjente feltverdier forhåndsutfylles i skjemaet. Dette alternativet er aktivert som standard, lær mer om forhåndsutfylte skjemafelt .
    • Legg til i markedsføringskampanje : hvis du har en Marketing Hub Professional eller Enterprise- abonnement, du kan knytte skjemaet til en kampanje:
      • For å knytte skjemaet til en eksisterende kampanje, klikk på rullegardinmenyen Kampanje og velg en kampanje .
      • For å knytte skjemaet til en ny kampanje, klikk på rullegardinmenyen Kampanje og klikk på Opprett kampanje . Fortsett deretter å sette opp kampanjen .
    • Ved innsending, oppdater kontakt og bedriftens livssyklusfase : klikk på Angi livssyklusstatus til rullegardinmenyen og velg et livssyklusstadium . Når besøkende sender inn skjemaet, vil eventuelle nye eller eksisterende poster bli satt til det valgte livssyklusstadiet.
      • Du kan ikke flytte en plates livssyklustrinn bakover. Hvis en eksisterende kontakt eller bedrift med et senere livssyklusstadium sender inn et skjema, vil ikke livssyklusstadiet bli oppdatert.
      • Livssyklusstadiet satt i et skjema vil overskrive standard livssyklusstadium som er konfigurert i HubSpot-innstillingene .
  • For å tilpasse innsendingsinnstillingene, klikk på Innsendingsinnstillinger- fanen i venstre panel. Tilpass følgende innstillinger for innsending av skjema:
    • Besøkendes e-postvarsler: Velg avmerkingsboksen Send innsendings-e-postvarsler til kontaktens eier for å automatisk sende et varsel til kontaktens eier. Hvis en kontakt ikke har noen eier, vil ingen varsler bli sendt. Lær mer om objekteierskap i HubSpot .

    • E-postvarsler for innsending: Klikk på rullegardinmenyen Send innsendings-e-postvarsler til for å velge standardlag eller enkeltpersoner å sende e-postvarsler for innsending til, uavhengig av kontakteierskap. Mottakere angitt her vil bli overskrevet av mottakere angitt i skjemaalternativene på HubSpot-sider.

2024-08-08_10-28-39

  • For å tilpasse innstillingene for skjemaspråk, klikk på fanen Språk og region . Klikk på rullegardinmenyen Primært språk , og velg deretter et standardspråk for skjemaet. Feilmeldinger, etiketter for standardegenskaper, hjelpetekst, plassholdertekst og standardverdier vil bli oversatt til dette språket.
  • Slik lager du en AI-oversettelse av skjemaet ditt (kun Marketing Hub eller Content Hub Professional og Enterprise ):
    • Slå på Aktiverte AI-oversettelser for alt forminnhold AI .
    • I rullegardinmenyen Primærspråk velger du språket du vil oversette skjemaet til. Feilmeldinger, etiketter for standardegenskaper, hjelpetekst, plassholdertekst, standardverdier, egendefinerte etiketter, rik tekst og samtykketekst blir automatisk oversatt til dette språket.
    • Hvis du har oppdatert skjemaet siden forrige oversettelse, klikker du på Oversett på nytt nå for å oppdatere oversettelsen.

2024-10-10_11-54-51

Administrer live validering på skjemafelt

Hvis du har angitt valideringsregler for en egenskap , vil disse reglene gjelde for skjemafelt, og besøkende må oppfylle disse kravene for å sende inn skjemaet. Live validering på skjemafelt gir besøkende umiddelbar tilbakemelding på deres innspill, noe som gjør det enklere å rette feil og fylle ut skjemaer nøyaktig.

Hvis du for eksempel har angitt en valideringsregel for at ordrenummer- egenskapen bare skal inneholde numeriske verdier, vil besøkende motta tilbakemelding for å korrigere eventuelle ikke-numeriske oppføringer.

2024-08-01_09-10-53

Som standard er live validering på skjemaer slått på. Slik slår du av/på direkte validering i skjemafelt:

  • I HubSpot-kontoen din klikker du på settings innstillinger-ikonet i den øverste navigasjonslinjen.
  • Naviger til Markedsføring > Skjemaer i menyen til venstre i sidefeltet.

  • Klikk på Innsendingsinnstillinger- fanen.
  • Slå Aktiver direkte validering av skjemafelt på/av.
  • Klikk på Lagre nederst til venstre.

Publiser eller del skjemaet ditt

Etter å ha opprettet et nytt skjema eller gjort skjemaoppdateringer, publiserer du skjemaet for å gjøre endringene live. Deretter legger du det til HubSpot-innholdet ditt , bruk innbyggingskoden for skjemaet for å legge den til på en ekstern side, eller del den som en frittstående side med en delkobling .

  • I HubSpot-kontoen din, naviger til Markedsføring > Lead Capture > Skjemaer .
  • Opprett et nytt skjema eller hold markøren over et eksisterende skjema og klikk på Rediger.
  • Øverst til høyre klikker du på Publiser for å publisere skjemaoppdateringene dine.
  • For å bygge inn skjemaet på en HubSpot-side, naviger til innholdet ditt, legg til skjemamodulen og velg skjemaet .
  • For å dele skjemaet ditt eller bygge det inn på et eksternt nettsted, klikk på Del øverst til høyre og velg fra følgende alternativer:
    • Få innebygd kode: bruk en innebygging for å legge til skjemaet ditt på en eksternt vertsbasert side. For å spore analyser for skjemaet ditt på en ekstern side, må HubSpot-sporingskoden din være installert på siden. Lær mer om å legge til et HubSpot-skjema på et eksternt nettsted .
      • Klikk på Kopier nederst på siden.
      • Lim inn den innebygde koden i HTML-modulen på siden din.
    • Kopier en delingslenke: bruk en URL for å dele skjemaet som en frittstående side.
      • Klikk på Kopier for å kopiere skjemasidens URL til utklippstavlen.
      • Åpne et nytt vindu eller fane i nettleseren din og lim inn skjemasidens URL i adressefeltet for å laste den inn. Du kan også dele skjemasidens URL direkte med andre for å gi dem tilgang til skjemaet.

 

Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.