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:
|
|
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.