NO | Knowledge Quick Answers

Edit and style your form submit button

Skrevet av HubSpot Support | Jun 28, 2023 9:30:41 AM

Rediger teksten til innsendingsknappen for skjemaet

Standardteksten for innsendingsknappen på et HubSpot-skjema er Send. Slik redigerer du teksten på innsendingsknappen:

  • Klikk på navnet på skjemaet.
  • Klikk på Send-knappen i skjemaredigeringsprogrammet.

  • I venstre rute skriver du inn den nye teksten for innsendingsknappen i feltet Etikett.

  • Klikk på Publiser øverst til høyre for å oppdatere live-skjemaet.

Utform innsendingsknappen på HubSpot-sider(kunMarketing Hub Basic, Professional og Enterprise )

  • Hold markøren over skjemamodulen i innholdsredigeringsprogrammet og klikk på ikonet Rediger stiler.

  • I venstre rute klikker du på rullegardinmenyen og velger Skjemaknapp.
  • Tilpass innsendingsknappen i skjemaet ved hjelp av alternativene, for eksempel ved å endre bakgrunnsfargen på knappen eller skriftstørrelsen på teksten.

  • Klikk på Lagre nederst til venstre og gå til modullisten.
  • Klikk på Publiser eller Oppdater øverst til høyre.
Dette oppdaterer stilen på innsendingsknappen for hver enkelt side.

Utforming av knappen for innsending av skjema på eksterne sider( kunMarketing Hub Starter, Basic, Professional og Enterprise )

  • Klikk på navnet på skjemaet.
  • I skjemaredigeringsprogrammet klikker du på fanen Stil og forhåndsvisning .
  • Klikk på >Stil-delen i venstre rute for å utvide den.
  • I knappeseksjonen kan du tilpasse innsendingsknappen i skjemaet med alternativene, for eksempel ved å endre bakgrunnsfargen på knappen eller skriftstørrelsen på teksten.

Dette oppdaterer stilen på innsendingsknappen for hvert enkelt skjema. Finn ut hvordan du tilpasser de globale stilinnstillingene for skjemaer.

Hvis du har fjernet skjemastilen, gjelder ikke stilalternativene du har angitt i kategorien Stil og forhåndsvisning i skjemaredigeringsprogrammet eller i de globale innstillingene for skjemastil. Bruk i stedet en CSS-velger i det eksterne stilarket ditt for å målrette innsendingsknappen i skjemaet. For eksempel:

input[type="submit"]{ background: #ff0000; }

Finn ut mer om hvordan dutilpasser skjemainnbyggingskoden i HubSpots dokumentasjon for utviklere.