NO | Knowledge Quick Answers

Legg til egendefinerte stiler i CTA (eldre)

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

Bruk HubSpots avanserte alternativer for CTA (eldre) 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 (legacy) ytterligere, kan du lære hvordan du redigerer CTA-størrelsen. Hvis du legger til en CTA (eldre) i en e-post eller mal, kan du lære hvordan du sentrerer CTA-en.

Merk: Egendefinerte stiler kan bare brukes på egendefinerte knapper og ikkebildeknapper.

Slik legger du til en egendefinert stil i CTA-knappene dine:

  • Gå til Markedsføring > Lead Capture > CTA-er i HubSpot-kontoen din.
  • Klikk på rullegardinmenyen øverst til venstre og velg CTA (eldre).
  • Hold musepekeren 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 egendefinert CSS-styling på CTA-en ved å bruke enten Custom CSS-klassen eller Custom CSS-alternativet. Hvis du bruker begge alternativene, kan det føre til problemer med utformingen eller visningen av CTA-et.
    • Egendefinert CSS-klasse: Legg til en egendefinert klasse i CTA-en for å støtte egendefinerte klasseinnganger. Dette er nyttig når flere CTA-er på nettsidene dine må dele et lignende sett med designegenskaper, for eksempel skrifttyper, størrelse eller til og med utfylling og marginer. Hvis du bruker en egendefinert CSS-klasse, må du sørge for at klassen inkluderes og utformes i CSS-stilarket som brukes som hovedstil for HubSpot-sidene dine.
    • Egendefinert CSS: Legg til egendefinerte stiler som kun gjelder for CTA-en du redigerer. I feltet Egendefinert CSS kan du legge til innebygde stiler som er spesifikke for denne CTA-en. Hvis du har et element i CTA-en du vil endre, kan du legge til en ny stilerklæring her før du lagrer endringene.
  • Nederst til høyre klikker du på Neste > for å fullføre opprettelsen eller redigeringen av CTA-en (eldre).