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.

Utform det innebygde skjemaet på eksterne sider

Sist oppdatert: juni 28, 2023

Gjelder for:

Alle produkter og planer

Du kan utforme det innebygde HubSpot-skjemaet på de eksterne sidene på to måter: i skjemaredigeringsprogrammet eller med CSS i det eksterne stilarket.

I skjemaredigeringsprogrammet

Tema

Hvis du vil utforme skjemaene dine uten å skrive egen kode, kan du bruke forhåndsinnstilte temaer på det innebygde skjemaet eller den frittstående skjemasiden. Temaene gir flere tilpasningsmuligheter for skjemaene dine, i tillegg til eventuelle globale innstillinger for skjemastil.

I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
Klikk på navnet på et skjema.
Klikk på fanen Stil og forhåndsvisning i skjemaredigeringsprogrammet.
Fjern merket for Behold gammelt tema i delen Tema i venstre rute.

Merk: Hvis du fjerner avmerkingen for Behold gammelt tema , fjernes den tidligere standard HubSpot-stylingen som er brukt på dette skjemaet. Eventuell tilpasset CSS eller JavaScript du har lagt til i skjemaet, vil ikke lenger fungere. Denne avmerkingsboksen er bare tilgjengelig for eldre skjemaer og vil ikke være tilgjengelig i nye skjemaer som opprettes i kontoen din.

Velg ett av fire temaer.

Stil(kunMarketing Hub Starter, Professional, Enterprise eller Legacy Marketing Hub Basic ).

I tillegg til temaer kan du style innebygde skjemaer på et mer detaljert nivå.

I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
Klikk på navnet på et skjema.
I skjemaredigeringsprogrammet klikker du på fanen Stil og forhåndsvisning .

Klikk på delen > Stil i venstre rute for å utvide den. Her kan du tilpasse skjemafeltbredde, skrifttype, skriftstørrelser, skriftfarger og skjemaknapp.

Disse stilene angis for hvert enkelt skjema og overstyrer de globale innstillingene for skjemastil.

Vær oppmerksom på at temaer og stiler som angis i skjemaredigeringsprogrammet, bare gjelder for innebygde skjema er eller frittstående skjemasider. Skjemaer på HubSpot-sidene dine kan bare utformes med skjemamodulens stilalternativer i innholdsredigeringsprogrammet.

Med CSS i det eksterne stilarket( kunMarketing Hub Professional, Enterprise eller Legacy Marketing Hub Basic ).

I HubSpot-kontoen din navigerer du til Markedsføring > Skjemaer.
Klikk på navnet på skjemaet.
I skjemaredigeringsprogrammet klikker du på fanen Stil og forhåndsvisning .
Klikk for å slå på bryteren Angi som rå HTML-skjema . Skjemaet gjengis da som et rå HTML-element på den eksterne siden i stedet for i en iframe, og eventuell standard HubSpot-styling som er brukt på skjemaet, fjernes.

options-unstyled-form

Klikk på Del øverst til høyre.
I dialogboksen klikker du på Kopier for å kopiere skjemainnbyggingskoden.
Legg til skjemainnbyggingskoden på den eksterne siden. Hvis du allerede har innebygd skjemaet, må du erstatte den eksisterende koden med den nye, ustiliserte versjonen.

Når du har innebygd skjemaet, kan du style skjemaet i det eksterne stilarket med CSS.
Alternativt kan du endre skjemainnbyggingskoden for å gjøre ytterligere skjematilpasninger. Ettersom HubSpot-skjemaer er bygget med JavaScript, ikke HTML, må du få hjelp av en utvikler som vet hvordan man arbeider med JavaScript for å tilpasse skjemakoden.

Var denne artikkelen nyttig? Ja Nei

Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.