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

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.