Legg til egendefinerte stiler i CTA-en din (eldre)
Sist oppdatert: juni 12, 2024
Gjelder for:
Markedsføring Hub Professional , Enterprise |
Content Hub Professional , Enterprise |
Eldre Marketing Hub Basic |
Bruk HubSpots avanserte alternativer for CTA (legacy) til å lage svært tilpassede CTA-knapper som passer perfekt til nettstedets tema. Du kan bruke en egendefinert CSS-klasse for åstøtte egendefinerteklasseinnganger fra stilarket ditt, eller legge til egendefinert CSS direkte i CTA-en.
Hvis du vil tilpasse CTA-en din (eldre) ytterligere, kan du lære hvordan du redigerer CTA-størrelsen. Hvis du legger til CTA (legacy) i en e-post eller mal, kan du lære hvordan du sentrerer CTA.
Merk: Egendefinerte stiler kan bare brukes på egendefinerte knapper, ikke på bildeknapper.
Slik legger du til en egendefinert stil på CTA-knappen:
- 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 høyre panel blar du nedover og klikker på Avanserte alternativer.
- Du kan bruke egendefinert CSS-styling på CTA-en din ved å bruke enten Egendefinert CSS-klassen eller alternativet Egendefinert CSS. Hvis du bruker begge alternativene, kan det føre til problemer med stylingen eller visningen av CTA-en.
- Egendefinert CSS-klasse: Legg til en egendefinert klasse i CTA-en for å støtte innganger med egendefinerte klasser. Dette er nyttig når flere CTA-er på tvers av nettsidene dine må dele et lignende sett med designkarakteristikker, 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 utformet i CSS-stilarket som brukes som hovedstil for HubSpot-sidene dine.
- Tilpasset CSS: Legg til egendefinerte stiler som kun skal gjelde for CTA-en du redigerer. I Custom CSS-feltet kan du legge til innebygd styling som er spesifikk for den aktuelle CTA-en. Hvis du har et element i CTA-en du ønsker å endre, legger du til en ny stilerklæring her før du lagrer endringene.
- Klikk på Neste > nederst til høyre for å fullføre opprettelsen eller redigeringen av CTA-en (eldre).