Gå til innhold
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.

Legg til egendefinerte stiler i CTA-en din (eldre)

Sist oppdatert: februar 19, 2025

Tilgjengelig med et av følgende abonnementer, unntatt der det er angitt:

Markedsføring Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Eldre Marketing Hub Basic

Bruk HubSpots avanserte alternativer for CTA-er (eldre) til å lage svært tilpassede CTA-knapper som passer perfekt til nettstedets tema. Du kan bruke en egendefinert CSS-klasse til å støtte egendefinerte klasseinndata fra stilarket eller legge til egendefinert CSS direkte i CTA-en.

Hvis du vil tilpasse CTA-en (eldre versjon) ytterligere, kan du finne ut hvordan du redigerer størrelsen på CTA-en. Hvis du legger til CTA-en (eldre) i en e-post eller mal, kan du finne ut hvordan du sentrerer CTA-en.

Merk: Kontoer som er opprettet etter 17. mars 2025, har ikke tilgang til CTA-verktøyet (Legacy).

Slik legger du til en egendefinert stil i knapp-CTA-en:

  • Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
  • Klikk på rullegardinmenyen øverst til venstre, og velg CTA-er (eldre).
  • Hold markøren over en CTA og klikk på Handlinger > Rediger, eller klikk på Opprett CTA
  • I panelet til høyre blar du nedover og klikker på Avanserte alternativer.

  • Du kan bruke tilpasset CSS-styling på CTA-en bare ved hjelp av den egendefinerte CSS-klassen eller det egendefinerte CSS-alternativet. Hvis begge alternativene brukes, kan det føre til problemer med CTA-stylingen eller -skjermen. 
    • Egendefinert CSS-klasse: Legg til en egendefinert klasse i CTA-en for å støtte egendefinerte klasseinndata. Dette er nyttig når flere CTA-er på tvers av nettstedssidene må dele et lignende sett med designegenskaper, for eksempel skriftfamilier, størrelse eller til og med utfylling og marginer. Hvis du bruker en egendefinert CSS-klasse, må du sørge for at klassen er inkludert og stilisert i CSS-stilarket som brukes som hovedstil for HubSpot-sidene.
    • Egendefinert CSS: Legg til egendefinerte stiler som bare skal gjelde for CTA-en du redigerer. I Egendefinert CSS-feltet kan du bruke innebygd styling som er spesifikk for den CTA-en. Hvis du har et element i CTA-en du vil endre, legger du til en ny stildeklarasjon her før du lagrer endringene. 
  • Nederst til høyre klikker du på Neste > for å fullføre opprettelsen eller redigeringen av CTA-en (eldre).

Merk: egendefinerte stiler kan bare brukes på egendefinerte knapper og ikke bildeknapper.

Var denne artikkelen nyttig?
Dette skjemaet brukes kun for tilbakemeldinger om dokumentasjon. Se hvordan du kan få hjelp med HubSpot.