Juster størrelsen på CTA-en din (eldre) ved hjelp av de innebygde størrelsesalternativene og tilpasset CSS. Når du laster opp bildet ditt for en CTA, kan det være lurt å ta hensyn til netthinneoptimalisering.
Hvis du vil tilpasse CTA-en ytterligere, kan du finne ut hvordan du legger til egendefinerte stiler i CTA-en (eldre versjoner) med CSS. Hvis du legger til CTA-en i en e-post eller mal, kan du finne ut hvordan du sentrerer CTA-en (eldre versjon).
Merk: Kontoer som er opprettet etter 17. mars 2025, har ikke tilgang til CTA-verktøyet (Legacy).
Rediger CTA-størrelsen din (eldre)
Du kan justere størrelsen på CTA manuelt eller bruke tilpasset CSS til automatisk å fylle bredden på CTA-beholderen eller -modulen. Hvis du bygger
inn en i
mage CTA på nettstedet ditt som ikke er et HubSpot-nettsted, må du kanskje bruke flere CSS-erklæringer (for eksempel bredde: 100%;) i stilarket for å gjøre bildet CTA responsivt.
For å redigere størrelsen på knappens CTA:
- Gå til Markedsføring > CTA-er i HubSpot-kontoen din.
- Klikk på rullegardinmenyen øverst til venstre, og velg CTA-er (eldre).
- Hold musepekeren over en CTA og klikk på Handlinger > Rediger.
- Klikk på Avanserte alternativer i lysbildepanelet.
- Slik endrer du størrelsen på den egendefinerte CTA-en manuelt:
- Fjern merket for Tilpass til tekst. Dette vil fjerne den automatiske endringen av størrelsen.
- I delen Knapputfylling angir du størrelsesverdiene for feltene Knappbredde og Knapphøyde.
- Klikk på Neste >.
- Klikk på Lagre. Klikk deretter på Fullfør.
- Slik får du den egendefinerte CTA-en til å fylle hele bredden på beholderen eller modulen:
- Fjern merket for Størrelse automatisk .
- Skriv inn din egendefinerte CSS i feltet Egendefinert CSS.
- Sett bredden til bredde: 100%;
- Klikk på Neste >.
- Klikk på Lagre. Klikk deretter på Fullfør.
Hva er netthinneoptimalisering?
Retina-optimalisering gjør CTA-bildet ditt skarpere når det vises på nettstedssidene og i e-postmeldinger hvis mottakerne ser CTA-en i moderne versjoner av Apple Mail og iOS-post. Dette støttes ikke av Outlook eller nettposttjenester som Gmail.
Retina-optimalisering støttes når du laster opp et bilde som er minst to ganger størrelsen som er nødvendig for CTA, på samme måte som retina-støtte fungerer for alle bilder på Internett. Vær også oppmerksom på følgende:
- Hvis du oppretter en CTA som vil være 400 x 100 piksler, må det opplastede bildet være 800 x 200 piksler for å støtte en @2x pikseltetthetsskjerm.
- CTA-er støtter opp til en 4x-versjon. Hvis du for eksempel oppretter en CTA på 400 x 100 piksler, kan du laste opp et bilde på 1600 x 400 piksler.
- CTA-en gjengis automatisk på nettstedet ditt med et srcset-attributt for 1x-, 2x-, 3x- og 4x-versjonen der dette er tilgjengelig.
- Hvis bildet lastes opp i den størrelsen CTA-en skal gjengis i, vil det ikke ha støtte for netthinnen. Hvis for eksempel et bilde på 400 x 100 piksler lastes opp for en CTA på 400 x 100 piksler
CTAs
Markedsføring Hub
Professional
,
Enterprise
Content Hub
Professional
,
Enterprise