NO | Knowledge Quick Answers

Opprett og rediger skjemaer ved hjelp av den nye skjemaeditoren (BETA)

Skrevet av HubSpot Support | Aug 5, 2024 10:06:31 AM



Opprett og bruk skjemaer med den nye skjemaeditoren for å samle inn informasjon om de besøkende som du kan lagre i HubSpot CRM. Når du bruker den nye skjemaeditoren, kan du opprette flerstegsskjemaer. Deretter kan du utforme skjemaet slik at det gjenspeiler identiteten og merkevaren til virksomheten din.

Når du har opprettet skjemaet, kan du legge det til på HubSpot-sidene dine ved hjelp av HubSpot-skjemamodulen, på et eksternt nettsted ved hjelp av skjemainnbyggingskoden, eller du kan dele det som en frittstående side med en delingslenke.

Opprett et nytt skjema

Slik oppretter du et nytt skjema:

  • Klikk på Opprett skjema øverst til høyre.
  • Hvis du vil knytte skjemaet til en forretningsenhet, klikker du på rullegardinmenyen Velg en forretningsenhet og velger den forretningsenheten du vil knytte skjemaet til.
  • Velg redigeringsprogrammet for nytt skjema.
  • Klikk på Neste øverst til høyre.
  • Klikk på blyantikonet edit øverst for å redigere navnet på skjemaet. Du må publisere skjemaet for å bruke navneendringen.

Legg til og rediger skjemafelt

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

  • I HubSpot-kontoen din navigerer du til Markedsføring > Lead Capture > Skjemaer.
  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på plussikonet øverst til venstre.
  • I panelet til venstre kan du klikke og dra felttypen til forhåndsvisningen av skjemaet til høyre for å inkludere dem i skjemaet. Feltene kan plasseres over, under eller ved siden av andre felt.
  • Klikk på og skriv inn feltetiketten i det høyre panelet. Når du skriver inn feltetiketten, vises en liste over lignende eksisterende egenskaper.
    • I dialogboksen Koble feltet til en egenskap klikker du på en foreslått egenskap.
    • Hvis du vil koble skjemafeltet til en annen egenskap, klikker du på Søk egenskaper.

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

Vær oppmerksom på dette:

  • Som standard er e-postfeltet påkrevd for skjemainnleveringer for å opprette kontakter. HubSpot kontrollerer om en e-postadresse er gyldig før en bruker kan sende inn skjemaet. Finn ut mer om hvordan du tillater at skjemainnleveringer uten e-postadresser kan opprette kontakter.
  • Egenskapene poengsum, beregning og rik tekst kan ikke brukes i et skjema.

  • Klikk på Opprett ny for å opprette en ny egenskap og bruke den som en koblet egenskap med et felt i skjemaet.
    • Velg skjemafelttypen.
    • Konfigurer skjemafeltet i høyre panel.
    • Gå gjennom egenskapsreglene dine, og klikk deretter på Opprett. Som standard vil alternativet Vis i skjemaer, popup-skjemaer og roboter være valgt. Når du har opprettet den nye egenskapen, blir den automatisk knyttet til skjemafeltet. Lær hvordan du administrerer egenskapene dine.
  • Når du har lagt til et skjemafelt, kan du redigere feltets alternativer:
    • Klikk på feltet i forhåndsvisningen av skjemaet i høyre panel.
    • I venstre panel klikker du på for å utvide delen Feltalternativer. Alternativene her kan variere avhengig av feltets egenskapstype, og du kan lese mer om de andre tilgjengelige alternativene for felttilpasning.
      • Hjelpetekst: informasjon stekst under feltets etikett for å hjelpe den besøkende med å fylle ut feltet.
      • Plassholdertekst: tekst som vises i inndatafeltet for feltet. Teksten forsvinner når den besøkende skriver inn en verdi i feltet, og kommer ikke med i innsendingen, selv om feltet er tomt.
      • Standardverdi: En verdi som sendes inn for feltet som standard, med mindre den endres av den besøkende.
      • Skjult felt: Når dette alternativet er slått på, vil verdien i feltet bli angitt ved innsending av skjemaet, 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 angitt som obligatorisk, kan det ikke angis som skjult.

Legg til flere skjemaelementer

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

  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på plussikonet ø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.


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

Når du har lagt til skjemafeltene, 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 i skjemaet ditt:

  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på logikkikonet githubBranch øverst til venstre.
  • Klikk på Legg til logikk i panelet til venstre.
  • I logikk-delen konfigurerer du de betingede logikkreglene. Hvis du for eksempel filtrerer etter by og velger er en av Dublin , vil den betingede logikkregelen bare gjelde for poster med verdien Dublin.
  • Du sletter et filter ved å klikke på sletteikonetdeletee.
  • Du kloner et filter ved å klikke på kloningsikonet påduplicate .
  • Hvis du vil legge til flere filtre i regelen, klikker du på add Legg til filter i denne gruppen.
  • Klikk på add Legg til gruppe for å legge til en ekstra gruppe i regelen.
  • Hvis du har lagt til flere filtre eller grupper i regelen, klikker du på rullegardinmenyen AND OR mellom filtrene og gruppene for å bruke AND- eller OR-logikk:
    • AND: 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 AND- eller OR-logikk.
  • I Deretter-delen klikker du på rullegardinmenyen for å velge handlinger på skjemaet. Du kan velge mellom følgende:
    • Vis et felt: Hvis brukerens svar samsvarer med kriteriene som er angitt i reglene dine, skal du vise et bestemt felt.
    • Skjul et felt: Hvis brukerens svar samsvarer med kriteriene som er angitt i reglene dine, skal du vise et bestemt felt.
    • Hopp til trinn: Hvis brukerens svar samsvarer med kriteriene som er angitt i reglene dine, hopper du til et bestemt trinn. Skjemaet må ha minst tre trinn for å kunne bruke dette alternativet. Finn ut mer om hvordan du legger til skjematrinn.
    • Omdiriger til: Hvis brukerens svar samsvarer med kriteriene som er angitt i reglene dine, kan du 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øtelink på en planleggingsside.
  • Fyll ut de obligatoriske feltene avhengig av hvilken handling du har valgt.
  • Klikk på Lagre og aktiver for å bruke den betingede logikken.

Administrer regler for betinget logikk

  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på logikkikonet githubBranch øverst til venstre.
  • Klikk på Legg til logikk for å legge til en ny regel.
  • Hvis du vil redigere en regel, klikker du på rullegardinmenyen Handlinger og velger Rediger.
  • Hvis du vil slette en regel, klikker du på rullegardinmenyen Handlinger og velger Slett.

Legg til og rediger skjematrinn

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

Opprett flerstegsskjemaer for å oppfordre brukerne til å fylle ut flere skjemasegmenter i stedet for ett langt skjema. Slik legger du til et skjematrinn i et flerstegsskjema:

  • I HubSpot-kontoen din navigerer du til Markedsføring > Lead Capture > Skjemaer.
  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Hold musepekeren mellom to eksisterende trinn i høyre panel, og klikk på ikonet + Legg til. En ny trinnseksjon vises. Deretter kan du sette opp skjemafelt og andre skjemaelementer i trinnpanelet.

  • Hvis du vil endre rekkefølgen på et trinn, holder du musepekeren over trinnet. Klikk og dra deretter trinn [x] øverst til venstre på trinnet for å flytte det.
  • Du sletter et trinn ved å holde musepekeren over trinnet og klikke påsletteikonet på delete .
  • En fremdriftslinje viser visuelt hvor mye av skjemaet en bruker har fullført, noe som bidrar til at flere fyller ut skjemaet. Slik redigerer du fremdriftslinjen:
    • Hold markøren over fremdriftslinjen, og klikk påblyantikonet edit .

    • I venstre panel kan du redigere fremdriftslinjen og slå den av eller på:
      • Fremdriftslinjen er lagt til i alle skjemaer som standard. Hvis du vil slå av fremdriftslinjen, slår du av fremdriftslinje-bryteren. Dette fjerner fremdriftslinjen fra alle skjematrinn.
      • I delen Format kan du velge 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.

Vær oppmerksom på dette:

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

Rediger trinnoppsettet og bakgrunnsbanneret

Velg mellom forhåndsdefinerte trinnoppsett ved hjelp av hurtigbytteren for oppsett, og tilpass bakgrunnsbanneret for skjemaet.

  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Hold musepekeren over skjematrinnet, og klikk på blyantikonet edit øverst til høyre.
  • Velg et trinnoppsett i venstre panel.
  • Hvis du vil fjerne oppsettet, klikker du på Fjern oppsett øverst til høyre.

  • Klikk på Bannerbakgrunn for å utvide delen:
    • Slå på bakgrunnsfargebryteren forå tilpasse bakgrunnsbanneret i skjemaet.
    • Velg en farge og opasitet.
    • Klikk på nedtrekksmenyen Gradient for å legge til en gradient.
    • Bruk et bilde som bakgrunn for banneret. Du kan laste opp et bilde fra HubSpot-filene dine, bla gjennom bilder fra datamaskinens harddisk eller bruke AI-assistenter til å generere bilder.

Style skjemaet ditt

Tilpass teksten, inndatafeltene, knappene og bakgrunnen for skjemaet og skjematrinnene. Stilalternativer som er konfigurert i fanen Global styling, vil bli brukt på alle skjematrinn. Du kan ikke style individuelle skjematrinn separat.

For å style skjemaet ditt:

  • .
  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på stilikonet øverst til venstre.

  • Når du tilpasser tekst, inndatafelt eller knapper, kan du velge blant eksisterende stiler ved hjelp av inndatastilene for hurtigfelt. Alternativt kan du tilpasse stilen manuelt for hver enkelt komponent i skjemaet:
    • Tekst: Du kan tilpasse skrifttype, skriftstørrelse og farge for topptekst og brødtekst. Du kan velge å legge til slagskygge i toppteksten eller utheving i brødteksten.
    • Inndatafelt: Tilpass feltet, inkludert bakgrunn og rammer. Du kan også tilpasse skrifttype, skriftstørrelse og farger for etikettene, samt farger for hjelpetekst, plassholdere og feiltekst.
    • Knapp: Tilpass knappens høyde, hjørneavrunding, bakgrunn, gradient og legg til en slagskygge på knappen. Du kan også tilpasse skrifttype, skriftstørrelse og farge for knappteksten.
    • Bakgrunn: Tilpass bakgrunnen for skjemaet og skjematrinnene. Du kan velge å angi en bakgrunnsfarge eller bruke et bilde som bakgrunn. Du kan bruke AI-assistenter til å generere bilder. Du kan også velge å angi en ramme for skjemaet.

Tilpass skjemainnstillingene

Konfigurer skjemainnstillingene, inkludert hva som skjer med den aktuelle kontakten etter at et skjema er sendt inn, innstillinger for brukervarsler og skjemaets standardspråk. Du kan angi kontaktens markedsføringsstatus, livssyklusstadium og mer. Avhengig av HubSpot-abonnementet ditt kan det hende at enkelte alternativer ikke vises.

  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på innstillingsikonet settings i panelet til venstre.
  • I kategorien Generelt konfigurerer du følgende generelle skjemainnstillinger:
    • Opprett alltid kontakt fra ukjent e-postadresse: Velg dette alternativet for å opprette en ny kontaktoppføring for hver innsending med en unik e-postadresse. Hvis e-postadressen som sendes inn, samsvarer med en eksisterende kontaktoppføring i databasen, oppdateres detaljene i den eksisterende oppføringen.
      • 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 nettleserne deres. Dette kan føre til at kontakter overskrives hvis det samme skjemaet sendes inn flere ganger fra samme enhet.
      • Hvis dette alternativet er slått på, vil ikke visningene spores for denne kontakten når en kontakt sender inn skjemaet med en annen e-postadresse i en nettleser der det allerede finnes en informasjonskapsel. Alternativet Forhåndsutfyll kontaktfelt med kjente verdier blir også automatisk deaktivert.
    • Angi kontakter som er 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øringskontakter. Dette inkluderer både nye og eksisterende kontakter.
    • Forhåndsutfylte felt for tilbakevendende besøkende: Hvis en kontakt tidligere har besøkt nettstedet ditt og sendt inn et skjema, og HubSpot har kunnet lagre og spore informasjonskapslene deres, kan alle kjente feltverdier forhåndsutfylles i skjemaet. Dette alternativet er aktivert som standard, les mer om forhåndsutfylte skjemafelt.
    • Legg til i markedsføringskampanje: Hvis du har et Marketing Hub Professional eller Enterprise-abonnement, kan du knytte skjemaet til en kampanje:
      • Hvis du vil knytte skjemaet til en eksisterende kampanje, klikker du på rullegardinmenyen Campaign og velger en kampanje.
      • Hvis du vil knytte skjemaet til en ny kampanje, klikker du på rullegardinmenyen Campaign og klikker på Create campaign. Fortsett deretter med å konfigurere kampanjen.
    • Oppdater livssyklusstadiet for kontaktpersoner og selskaper ved innsending: klikk på nedtrekksmenyen Set lifecycle state to og velg et livssyklusstadium . Nårbesøkende sender inn skjemaet, vil alle nye eller eksisterende poster bli satt til det valgte livssyklusstadiet.
      • Du kan ikke flytte livssyklusstadiet for en post bakover. Hvis en eksisterende kontakt eller et eksisterende selskap med et senere livssyklusstadium sender inn et skjema, blir ikke livssyklusstadiet oppdatert.
      • Livssyklusstadiet som er angitt i et skjema, vil overskrive standard livssyklusstadium som er konfigurert i HubSpot-innstillingene.
  • Hvis du vil tilpasse innsendingsinnstillingene, klikker du påfanen Innsendingsinnstillinger i panelet til venstre. Tilpass følgende innstillinger for innsending av skjema:
    • E-postvarsler for besøkende: Merk av for Send e-postvarsler om innsending til kontakt ens eier for å automatisk sende et varsel til kontaktens eier. Hvis en kontakt ikke har noen eier, sendes det ingen varsler. Finn ut mer om objekteierskap i HubSpot.

    • E-postvarsler om innsending: Klikk pårullegardinmenyen Send e-postvarsler om innsending til for å velge standardteamene eller -personene du vil sende e-postvarsler om innsending til, uavhengig av eierskapet til kontakten. Mottakere som er angitt her, blir overskrevet av mottakere som er angitt i skjemaalternativene på HubSpot-sider.

  • Dukan tilpasse språkinnstillingene for skjemaet ved å klikke på fanen Språk og region. Klikk på rullegardinmenyen Primærspråk, og velg deretter et standardspråk for skjemaet. Feilmeldinger, etiketter for standardegenskaper, hjelpetekst, plassholdertekst og standardverdier blir oversatt til dette språket.
  • Slik oppretter du en AI-oversettelse av skjemaet ditt (kunMarketing Hub eller Content Hub Professional og Enterprise ):
    • Slå på bryteren Aktivert AI-oversettelse for alt skjemainnhold 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å Retranslate now for å oppdatere oversettelsen.

Administrer direkte validering av skjemafelt

Hvis du har angitt valideringsregler for en eiendom, vil disse reglene gjelde for skjemafeltene, og besøkende må oppfylle disse kravene for å kunne sende inn skjemaet. Live-validering av skjemafelt gir besøkende umiddelbar tilbakemelding på det de skriver inn, noe som gjør det enklere å rette opp feil og fylle ut skjemaer på en nøyaktig måte.

Hvis du for eksempel har angitt en valideringsregel for egenskapen Ordrenummer slik at den bare inneholder numeriske verdier, vil besøkende få tilbakemelding om å korrigere eventuelle ikke-numeriske oppføringer.

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

  • Gå til Markedsføring > Skjemaer i menyen i venstre sidefelt.

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

Publiser eller del skjemaet ditt

Når du har opprettet et nytt skjema eller gjort oppdateringer i skjemaet, publiserer du skjemaet for å gjøre endringene gjeldende. Deretter kan du legge det til i HubSpot-innholdet ditt, bruke skjemainnbyggingskoden til å legge det til på en ekstern side, eller dele det som en frittstående side med en delingslenke.

  • I HubSpot-kontoen din navigerer du til Markedsføring > Lead Capture > Skjemaer.
  • Opprett et nytt skjema, eller hold musepekeren over et eksisterende skjema og klikk på Rediger .
  • Klikk på Publiser øverst til høyre for å publisere skjemauppdateringene dine.
  • For å bygge inn skjemaet ditt på en HubSpot-side navigerer du til innholdet ditt, legger til skjemamodulen og velger skjemaet.
  • Hvis du vil dele skjemaet eller bygge det inn på et eksternt nettsted, klikker du på Del øverst til høyre og velger deretter blant følgende alternativer:
    • Hent innebygd kode: Bruk en innebygd kode for å legge til skjemaet ditt på en ekstern side. For å spore analyser for skjemaet ditt på en ekstern side, må HubSpot-sporingskoden din være installert på siden. Finn ut mer om hvordan du legger til et HubSpot-skjema på et eksternt nettsted.
      • Nederst på siden klikker du på Kopier.
      • 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-adresse til utklippstavlen.
      • Åpne et nytt vindu eller en ny fane i nettleseren, og lim inn skjemasidens URL i adressefeltet for å laste den inn. Du kan også dele URL-adressen til skjemasiden direkte med andre for å gi dem tilgang til skjemaet.