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: 22 oktober 2025

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

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 egendefinerte klasseinnganger 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: Kontoer som er opprettet etter 17. mars 2025, har ikke tilgang til CTA-verktøyet (eldre).

Slik legger du til en egendefinert stil til CTA-knappen:

  1. Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
  2. Klikk på rullegardinmenyen øverst til venstre, og velg CTAer (eldre).
  3. Hold markøren over en CTA, klikk på Handlinger og velg Rediger, eller klikk på Opprett CTA.

  4. I høyre panel blar du nedover og klikker for å utvide delen Avanserte alternativer.

  5. 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 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 utformet i CSS-stilarket som brukes som hovedstil for HubSpot-sidene dine.
    • TilpassetCSS: 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 vil endre, legger du til en ny stilerklæring her før du lagrer endringene.
  6. Klikk på Neste > nederst til høyre for å fullføre opprettelsen eller redigeringen av CTA-en (eldre).

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

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

Relatert innhold

New call-to-action