Sette opp og style skjemaer på HubSpot-sider
Sist oppdatert: mai 23, 2024
Gjelder for:
Alle produkter og planer |
Når du har opprettet et skjema i HubSpot, kan du legge det til i en hvilken som helst skjemamodul på en HubSpot-side. På hver side kan du også konfigurere hva som skjer etter at skjemaet er sendt inn, og du kan tilpasse stylingen for elementer i skjemaet, for eksempel innsendingsknappen og skjemafeltene.
Før du kommer i gang
Før du setter opp skjemaene dine på en HubSpot-side, bør du være oppmerksom på følgende:
- Innstillinger og stilendringer vil bare gjelde for skjemamodulen på den valgte siden. Eventuelle endringer i innstillinger og styling vil ikke påvirke skjemaet på andre sider.
- Oppdatering av skjemainnhold, for eksempel skjemafelt, vil oppdatere skjemaet på alle andre sider, inkludert eventuelle innebygde skjemaer eller frittstående skjemasider.
Konfigurer skjemaene dine
Slik konfigurerer du skjemaet ditt på en HubSpot-side:-
Naviger til innholdet ditt:
- Nettstedssider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
- Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
- Klikk på navnet på siden din.
- Klikk på skjemamodulen i innholdsredigeringsprogrammet. Hvis siden din ikke har en skjemamodul for øyeblikket, kan du lære hvordan du legger til moduler på en side.
- I Innhold-fanen i panelet til venstre tilpasser du skjemainnstillingene for denne siden:
- Skjematittel: Skriv inn et navn for skjemaet.
- Velg et skjema: Velg et skjema fordenne siden .
- Hvis du vil bruke et eksisterende skjema, klikker du på rullegardinmenyen og velger et skjema.
- Hvis du vil opprette og bruke et nytt skjema, klikker du på Handlinger > Opprett nytt skjema. Finn ut mer om hvordan du konfigurerer skjemaer
- Klikk på Handlinger > Vis skjemainnleveringer for å vise innsendinger for dette skjemaet.
- Klikk på Handlinger > Klon skjema for å klone dette skjemaet.
- Hvis du vil se gjennom andre sider som bruker det valgte skjemaet, klikker du på Handlinger > Sider som bruker dette skjemaet.
- Hvis du vil redigere skjemaet i skjemaredigeringsprogrammet, klikker du på Handlinger > Gå til fullstendig skjemaredigeringsprogram.
Tilpass skjemainnholdet ditt
Slik redigerer du skjemafeltene, knappteksten og alternativene for personvern og samtykke:
- Klikk for å utvide delen Skjemainnhold .
- Konfigurer skjemainnholdet:
- Skjemafelt: Klikk og dra feltene for å redigere rekkefølgen de vises i skjemaet. Det er ikke mulig å dra og slippe skjemafelt i skjemaer med flere kolonner eller som en del av en egendefinert modul. Slik legger du til flere skjemafelt:
- Klikk på + Legg til et nytt skjemafelt.
- Klikk på rullegardinmenyen Velg en egenskap, og bruk søkefeltet til å søke etter et felt.
- Klikk på egenskapen for å legge den til som et skjemafelt.
- Skjemafelt: Klikk og dra feltene for å redigere rekkefølgen de vises i skjemaet. Det er ikke mulig å dra og slippe skjemafelt i skjemaer med flere kolonner eller som en del av en egendefinert modul. Slik legger du til flere skjemafelt:
-
- Knappetekst: Skriv inn tekst som skal vises på send-knappen.
- Alternativer for personvern og samtykke: I rullegardinmenyen velger du hvilken informasjon om varsel og samtykke som skal vises.
- Captcha (SPAM-forebygging): Klikk for å slå på Captcha (SPAM-forebygging) for å vise Googles usynlige reCAPTCHA.
Merk: Hvis du oppdaterer skjemainnholdet, oppdateres skjemaet på alle andre sider der skjemaet brukes, inkludert innebygde skjemaer eller frittstående skjemasider.
Konfigurer handlingene dine etter innsending
Som standard vil skjemaer som legges til på HubSpot-sider, vise en Takk for at du sendte inn skjemaet inline-melding. Skjemaet vil ikke vise post-submit-handlingen som er konfigurert i skjemaredigeringsprogrammet.
I sideredigereren kan du tilpasse en annen post-submit-handling. Slik konfigurerer du hva som skjer etter at et skjema er sendt inn:
- Klikk for å utvide delen Takk.
- I delen Hva vil en besøkende se etter å ha sendt inn skjemaet, kan du konfigurere handlingene etter innsending:
- Omdiriger til en annen side : Omdiriger en besøkende til en annen side etter innsending av skjemaet.
- Klikk på Omdiriger til en annen side.
- Klikk på nedtrekksmenyen Omdiriger til en annen side, og velg en eksisterende HubSpot-side eller skriv inn en URL.
- Vis entakkemelding: Vis en melding etter at den besøkende har sendt inn skjemaet. Du kan skrive inn en takkemelding i tekstboksen.
- Omdiriger til en annen side : Omdiriger en besøkende til en annen side etter innsending av skjemaet.
Konfigurer skjemaautomatiseringen din
Du kan administrere skjemaautomatiseringen, for eksempel alternativer for kontaktopprettelse og e-postmarkedsføring, samt eventuelle arbeidsflyter som er knyttet til skjemaene dine. Registreringsutløsere er underlagt følgende atferd:
- Når en arbeidsflyt legges til i skjemamodulens automatiseringsinnstillinger, legges den tilsvarende registreringsutløseren for innsending av skjema til i arbeidsflyten.
- Hvis du fjerner en arbeidsflyt fra skjemamodulens automatiseringsinnstillinger, fjernes den også fra arbeidsflytens registreringsutløsere.
- Hvis utløseren for skjemaregistrering som brukes i en arbeidsflyt, ikke angir en side, kan ikke utløseren fjernes fra siden, og den må i stedet fjernes fra arbeidsflyten.
Hvis du vil konfigurere automatiseringsinnstillingene for skjemaet ditt, klikker du på Skjema-automatisering i panelet til venstre for å utvide delen, og deretter går du gjennom følgende automatiseringsalternativer:
- Opprettalltid ny kontakt for e-postadresse: Opprett en ny kontaktoppføring hver gang et skjema sendes inn med en ny e-postadresse, uavhengig av om det finnes samsvarende brukertokens med eksisterende kontakter fra skjemainnmeldingen.
- Angi kontakter som er opprettet sommarkedsføringskontakter : Angi alle kontakter som opprettes via dette skjemaet, som markedsføringskontakter.
- Følg opp med en e-post: Send en oppfølgings-e-post til besøkende som har sendt inn skjemaet. Oppfølgings-e-poster kan bare sendes til markedsføringskontakter.
- Slik legger du til en oppfølgings-e-post:
- Klikk på Velg en e-post +.
- I dialogboksen klikker du på rullegardinmenyen Velg en e-post og velger en eksisterende automatisert e-post eller klikker på Opprett ny e-post for å opprette en ny automatisert e-post.
- Klikk på Lagre. Den valgte oppfølgings-e-posten vises i panelet til venstre.
- Når du har konfigurert oppfølgings-e-postene, klikker du på Publiser eller Oppdater øverst til høyre for å ta endringene i bruk. Oppfølgings-e-posten blir ikke aktivert før endringene er publisert.
- Slik legger du til en oppfølgings-e-post:
-
- Hvis du vil endre oppfølgings-e-posten som brukes, holder du musepekeren over e-posten og klikker på blyantikonet ved siden av e-posten.
- Hvis du vil fjerne oppfølgings-e-posten, holder du musepekeren over e-posten og klikker på X-ikonet ved siden av e-posten. E-posten skal ikke lenger vises.
- Hvis skjemaet tidligere var knyttet til en eldre oppfølgings-e-post, vises et varsel Dette skjemaet bruker en eldre oppfølgings-e-post. Eldre oppfølgings-e-poster kan ikke redigeres, men hvis e-posten tidligere ble publisert, kan den oppdateres til en automatisert e-post. Den oppdaterte automatiserte e-posten kan deretter redigeres.
- Klikk på Oppdater e-post for å oppdatere en tidligere publisert oppfølgings-e-post til en automatisert e-post som kan redigeres. Klikk deretter på Oppdater. Hvis e-posten ikke har vært publisert tidligere, vises ikke dette alternativet.
-
-
- Klikk på Fjern for å fjerne en publisert eller upublisert eldre oppfølgings-e-post. Klikk deretter på Fjern.
-
- Tilkoblede arbeidsflyter: Alle arbeidsflyter og enkle arbeidsflyter som bruker skjemaet som en påmeldingsutløser, vises. Finn ut mer om hvordan du bruker automatisering med skjemaer.
- Hvis du vil bruke skjemaet som utløser i en arbeidsflyt, klikker du på Legg til skjema i en arbeidsflyt eller Legg til skjema i en annen arbeidsflyt.
- Klikk på Legg til skjema i en arbeidsflyt.
- Velg en eksisterende arbeidsflyt , eller klikk på Opprett ny arbeidsflyt for å opprette en ny arbeidsflyt. Hvis du oppretter en ny arbeidsflyt, konfigurerer du arbeidsflyten og går deretter tilbake til skjemamodulen på landingssiden eller nettsiden.
- Hvis du vil legge til en annen arbeidsflyt, klikker du på Legg til skjema i en annen arbeidsflyt og velger deretter en eksisterende arbeidsflyt eller klikker på Opprett ny arbeidsflyt.
- Hvis du vil fjerne skjemaet som utløser i en arbeidsflyt, holder du musepekeren over arbeidsflyten og klikker på sletteikonet ved siden av arbeidsflyten.
- Hvis du vil bruke skjemaet som utløser i en arbeidsflyt, klikker du på Legg til skjema i en arbeidsflyt eller Legg til skjema i en annen arbeidsflyt.
Vær oppmerksom på dette:
- Når en arbeidsflyt er knyttet til skjemamodulen, vil den umiddelbart oppdatere utløserne for arbeidsflyten, selv om siden ikke har blitt publisert eller oppdatert ennå.
- Hvis du kloner en HubSpot-side med et skjema som er satt til å registrere kontakter i en arbeidsflyt, vil ikke skjemainnsendingene på den nye, klonede siden bli lagt til som en ny registreringsutløser i arbeidsflyten.
Konfigurer flere skjemaalternativer
Du kan også konfigurere flere innstillinger, for eksempel velge mottakere av skjemavarsler. Hvis du har installert HubSpot-Salesforce-integrasjonen, kan du i tillegg knytte skjemaet til en aktiv Salesforce-kampanje.
For å konfigurere tilleggsalternativene for skjemaet blar du til bunnen av panelet til venstre og konfigurerer følgende alternativer:
- Send skjemavarsler til angitte e-postadresser i stedet for standardverdiene for skjemaet: Som standard sendes varsler om innsending av skjema til alle mottakere som er lagt til i fanen Alternativer i skjemaet. Slik overskriver du skjemaets standardmottakere og velger varslingsmottakere for innsendinger på denne siden:
- Klikk for å slå på Send varslinger til angitte e-postadresser i stedet for standardmottakerne i skjemaet.
- Klikk på nedtrekksmenyen E-postadresser og velg mottakere. Bare HubSpot-brukere kan velges som mottakere av skjemavarsler.
- Hvis du vil fjerne en mottaker, klikker du på X-ikonet ved siden av mottakerens e-postadresse.
- Salesforce-kampanje: Hvis du har aktivert Salesforce-integrasjonen, kan du knytte et skjema til en aktiv Salesforce-kampanje ved å klikke på nedtrekksmenyen og velge en kampanje. Finn ut mer om hvordan du knytter skjemaer til Salesforce-kampanjer.
Stil skjemaene dine på HubSpot-sider
Du kan tilpasse utformingen av hele skjemaet, samt gjøre spesifikke endringer i utformingen av innsendingsknappen eller skjemafeltene. Slik tilpasser du utformingen av skjemaet ditt:
- Klikk på Stil-fanen øverst i venstre panel.
- Klikk på fanene Modul, Felt eller Knapper for å velge det elementet i skjemaet du ønsker å tilpasse.
- Tilpass det valgte elementet i skjemaet ved hjelp av tekst- og justeringsalternativene nedenfor.
- Klikk på Publiser eller Oppdater for å ta endringene til siden i bruk.
Merk: Skjemaer som vises på HubSpot-sider, kan bare tilpasses for hver enkelt side. Innebygde skjemaer på eksterne sider eller frittstående skjemasider må utformes i skjemaredigeringsprogrammet eller med CSS i det eksterne stilarket ditt.