Konfigurere og utforme et arveformular på et eksternt nettsted

Når du har opprettet et skjema i HubSpot, kan du legge det til på HubSpot-sider eller på sider du har opprettet utenfor HubSpot. Skjemaer kan deles på ditt eksterne nettsted som ikke er hostet av HubSpot på følgende måter:

• Å legge inn skjemaets kode på en eksisterende side.
• Opprette en egen skjema-side som du kan lenke til.

Uansett hvilken metode du bruker, vil endringer du gjør i skjemaet i HubSpots skjema-verktøy automatisk vises i det aktive skjemaet på ditt eksterne nettsted. Etter at du har lagt til skjemaet, kan du tilpasse utseendet på det innebygde HubSpot-skjemaet på dine eksterne sider i skjemaeditoren eller med CSS i ditt eksterne stilark. Hvis du bruker WordPress, kan du lære hvordan du setter inn et skjema i et WordPress-innlegg eller på en side.

Merk: Denne artikkelen gjelder kun eksisterende skjemaer som er laget med den gamle redigereren. Det anbefales å bruke den oppdaterte skjemaeditoren til å opprette og administrere skjemaer. Lær hvordan du kan tilpasse utseendet på og legge inn skjemaer på et eksternt nettsted.

Før du begynner

Når du legger inn innbyggingskoden for skjemaet ditt på en ekstern side, må domenet for siden legges til som et nettstedsdomene for å bli behandlet som et pålitelig domene. Hvis ikke, vil innsendinger til skjemaet også bli filtrert bort som spam.

Få tilgang til innbyggingskoden for skjemaet

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > Skjemaer. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Skjemaer.
2. Hold musepekeren over et skjema og klikk på Handlinger > Del.
3. Hvis du i dialogboksen ønsker å legge til kontakter som sender inn skjemaet til en Salesforce-kampanje, klikker du på rullegardinmenyen Legg til kontakter i en Salesforce-kampanje og velger en kampanje. Hvis du knytter en Salesforce-kampanje til skjemaet ditt, endres skjemaets innebyggingskode. I dette tilfellet må du legge til innebyggingskoden på nytt på det eksterne nettstedet ditt.
4. Klikk på Kopier.
5. Lim inn innbyggingskoden i HTML-modulen på den eksterne siden din. For å spore statistikk for skjemaet ditt, må HubSpot -sporingskoden være installert på den eksterne siden der du plasserer et HubSpot-skjema.

Opprett en frittstående skjema-side

Du kan også dele skjemaet ditt via delingslenken. I en delingslenke vises skjemaet på en frittstående side med sin egen URL. Denne delingslenken kan ikke skjules eller gjøres privat. Alle som har delingslenken, vil ha tilgang til skjemaet.

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > Skjemaer. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Skjemaer.
2. Hold musepekeren over et skjema og klikk på Handlinger > Del.
3. I dialogboksen klikker du på fanen Delingslenke .
4. Klikk på Kopier for å kopiere URL-adressen til skjemaets side til utklippstavlen.
5. Åpne et nytt vindu eller en ny fane i nettleseren din, og lim inn URL-adressen til skjemaets side i adressefeltet for å laste den inn. Du kan også dele URL-adressen til skjemaets side direkte med andre for å gi dem tilgang til skjemaet.
   
   

Formater det innebygde skjemaet i skjemaeditoren

Når du utformer det innebygde skjemaet ditt med HubSpot-skjemaeditoren, kan du enten bruke et tema eller bruke din egen tilpassede stil.

Merk: Temaer og stiler som angis i skjemaeditoren, gjelder kun for innebygde skjemaer eller frittstående skjema-sider. Skjemaer på HubSpot-sidene dine kan kun utformes ved hjelp av stilalternativene i skjema-modulen i innholdseditoren.

Formater skjemaet ditt med et tema

Hvis du vil tilpasse utseendet på et eldre skjema uten å skrive egen kode, kan du bruke forhåndsinnstilte temaer på det innebygde skjemaet eller den frittstående skjema-siden. Disse temaene gir deg flere tilpasningsmuligheter for skjemaene dine, i tillegg til eventuelle globale stilinnstillinger for skjemaer.

Slik tilpasser du utseendet på skjemaet ditt med et tema:

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > Skjemaer. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Skjemaer.
2. Hold musepekeren over et skjema og klikk på Rediger.
3. I skjemaeditoren klikker du på fanen «Stil og forhåndsvisning ».
4. Hvis du redigerer et eldre skjema, fjerner du merket for «Behold gammelt tema» i venstre rute. Dette fjerner den tidligere standardstilen fra HubSpot som ble brukt på dette skjemaet. Eventuell tilpasset CSS eller JavaScript du har lagt til i skjemaet, vil ikke lenger fungere. Denne avmerkingsboksen gjelder ikke for nye skjemaer som opprettes i kontoen din.
5. Velg et tema.
6. Klikk på «Publiser » eller «Oppdater» øverst til høyre.

Bruk en tilpasset stil

Du kan også tilpasse utseendet på skjemaer på et mer detaljert nivå.

Slik bruker du en tilpasset stil:

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > Skjemaer. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Skjemaer.
2. Hold musepekeren over et skjema og klikk på Rediger.
3. Klikk på fanen Stil og forhåndsvisning i skjemaeditoren.
   • I venstre rute klikker du på delen«Stil ». Her kan du konfigurere bredden på skjemafeltene, skriftfamilien, skriftstørrelsene, skriftfargene og skjemaknappen. Disse stilene angis for hvert enkelt skjema og vil overstyre de globale stilinnstillingene for skjemaer.
   • Når du har tilpasset skjemaet, klikker du på «Publiser» eller «Oppdater» øverst til høyre.

Tilpass det innebygde skjemaet med CSS i det eksterne stilarket (eldre versjon)

Hvis du bruker et eldre skjema, kan du legge inn skjemaet som et rått HTML-skjema. Deretter kan du formatere dette innebygde skjemaet med CSS i det eksterne stilarket ditt.

Merk: Du kan kun angi eldre skjemaer som ren HTML. Les mer om hvordan du kan formatere det innebygde skjemaet med CSS i den oppdaterte skjemaeditoren.

Slik formaterer du det innebygde skjemaet med CSS:

1. I HubSpot-kontoen din klikker du på Mer og navigerer deretter til Markedsføring > Skjemaer. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Skjemaer.
2. Hold musepekeren over et skjema og klikk på Rediger.
3. I skjemaeditoren klikker du på fanen «Stil og forhåndsvisning ».
4. Klikk for å slå på bryteren «Sett som rå HTML-skjema ». Skjemaet vil da vises som et rått HTML-element på den eksterne siden din, i stedet for inne i en iframe. Eventuell standard HubSpot-styling som er brukt på skjemaet, vil bli fjernet.
5. Klikk på «Publiser » eller «Oppdater» øverst til høyre.
6. Legg til innbyggingskoden for skjemaet på den eksterne siden din. Hvis du allerede har lagt inn skjemaet, må du erstatte den eksisterende innbyggingskoden med denne nye versjonen uten stil. Etter at du har lagt inn skjemaet:
   
   • vil du kunne formatere skjemaet i det eksterne stilarket ditt med CSS.
   • Du kan også endre innbyggingskoden for skjemaet for å gjøre ytterligere tilpasninger av skjemaet. Siden HubSpot-skjemaer er bygget med JavaScript, ikke HTML, krever tilpasning av innbyggingskoden hjelp fra en utvikler som kan arbeide med JavaScript