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.
- 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.
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å.
- 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 ).
- 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.
- 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.