Rediger størrelsen på en CTA (eldre versjon)

Merk: Kontoer som opprettes etter 17. mars 2025, har ikke tilgang til CTA-verktøyet (den gamle versjonen).

Juster størrelsen på CTA (eldre versjon) ved hjelp av de innebygde størrelsesalternativene og tilpasset CSS. Når du laster opp et bilde til en bilde-CTA, bør du vurdere å ta hensyn til Retina-optimalisering.

For å tilpasse CTA-en din ytterligere, kan du lære hvordan du legger til egendefinerte stiler i CTA-en (eldre versjon) med CSS. Hvis du legger til CTA-en i en e-post eller mal, kan du lære hvordan du sentrerer CTA-en (eldre versjon).

Juster størrelsen på CTA-en din (eldre versjon)

1. I din HubSpot-konto klikker du på Mer og navigerer deretter til Markedsføring > Call-to-action-er. Hvis Mer ikke vises i kontoen din, navigerer du direkte til Markedsføring > Call-to-action-er.
2. Klikk på rullegardinmenyen øverst til venstre og velg CTA-er (eldre versjon).
3. Hold musepekeren over en CTA og klikk på Handlinger > Rediger.
4. I uttrekkbar panel klikker du på Avanserte alternativer.
   
   

5. Slik endrer du størrelsen på den tilpassede CTA-knappen manuelt:
   • Fjern merket i avmerkingsboksen «Tilpass til tekst ». Dette fjerner den automatiske størrelsesjusteringen.
   • I delen «Knappavstand » angir du størrelsesverdiene for feltene «Knappbredde » og «Knapphøyde ».
   • Klikk på «Neste >».
   • Klikk på «Lagre». Klikk deretter på «Fullfør».
6. Hvis du vil at den tilpassede CTA-knappen skal fylle hele bredden på beholderen eller modulen:
   • Fjern merket i avmerkingsboksen «Størrelse automatisk ».
   • Skriv inn din tilpassede CSS i feltet «Tilpasset CSS ».
   • Sett bredden til width: 100%;
   • Klikk på «Neste >».
   • Klikk på «Lagre». Klikk deretter på «Fullfør».

Hva er Retina-optimalisering?

Retina-optimalisering gjør bildet i CTA-knappen skarpere når det vises på sidene på nettstedet ditt og i e-poster, dersom mottakerne ser CTA-knappen i moderne versjoner av Apple Mail og iOS Mail. Dette støttes ikke av Outlook eller webmail-tjenester som Gmail.

Retina-optimalisering støttes når du laster opp et bilde som er minst dobbelt så stort som det som trengs for CTA-en, 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 skal være 400 piksler x 100 piksler, må det opplastede bildet være 800 piksler x 200 piksler for å støtte en skjerm med @2x pikseltetthet.
• CTA-er støtter opptil en 4x-versjon. Hvis du for eksempel oppretter en CTA som skal være 400 piksler x 100 piksler, kan du laste opp et bilde på 1600 piksler x 400 piksler.
• CTA-knappen vil automatisk vises på nettstedet ditt med et srcset-attributt som leverer 1x-, 2x-, 3x- og 4x-versjonene der disse er tilgjengelige.
• Hvis bildet lastes opp i den størrelsen CTA-en skal vises i, vil den ikke ha Retina-støtte. For eksempel, hvis et bilde på 400 px × 100 px lastes opp for en CTA på 400 px × 100 px