Rediger størrelsen på en CTA (ældre version)

Bemærk venligst: Konti, der oprettes efter den 17. marts 2025, har ikke adgang til CTA-værktøjet (den gamle version).

Juster størrelsen på din CTA (ældre version) ved hjælp af de indbyggede størrelsesindstillinger og brugerdefineret CSS. Når du uploader dit billede til en billed-CTA, kan det være en god idé at tage højde for Retina-optimering.

For yderligere at tilpasse din CTA kan du læse, hvordan du tilføjer brugerdefinerede stilarter til din CTA (legacy) med CSS. Hvis du tilføjer din CTA til en e-mail eller skabelon, kan du læse, hvordan du centrerer din CTA (legacy).

Rediger størrelsen på din CTA (ældre version)

1. Klik på Mere på din HubSpot-konto, og navigér derefter til Marketing > CTA'er. Hvis Mere ikke vises på din konto, skal du navigere direkte til Marketing > CTA'er.
2. Klik på rullemenuen øverst til venstre, og vælg CTA'er (Legacy).
3. Hold markøren over en CTA, og klik på Handlinger > Rediger.
4. Klik på Avancerede indstillinger i det udtrækkelige panel.
   
   

5. Sådan ændrer du størrelsen på din brugerdefinerede CTA manuelt:
   • Fjern markeringen i afkrydsningsfeltet Tilpas til tekst. Dette fjerner den automatiske størrelsesjustering.
   • I afsnittet Knapafstand skal du indtaste dine størrelsesværdier i felterne for knapbredde og knaphøjde.
   • Klik på " Næste >".
   • Klik på "Gem". Klik derefter på " Afslut".
6. Sådan får du din brugerdefinerede CTA til at fylde hele bredden af dens container eller modul:
   • Fjern markeringen i afkrydsningsfeltet "Størrelse automatisk ".
   • Indtast din brugerdefinerede CSS i feltet Brugerdefineret CSS.
   • Indstil bredden til width: 100%;
   • Klik på Næste >.
   • Klik på "Gem". Klik derefter på " Afslut".

Hvad er Retina-optimering?

Retina-optimering gør billedet i din CTA skarpere, når det vises på siderne på dit websted og i e-mails, hvis dine modtagere ser CTA'en i moderne versioner af Apple Mail og iOS Mail. Dette understøttes ikke af Outlook eller webmail-tjenester som Gmail.

Retina-optimering understøttes, når du uploader et billede, der er mindst dobbelt så stort som det, der er nødvendigt til CTA'en, på samme måde som retina-understøttelse fungerer for alle billeder på internettet. Bemærk også følgende:

• Hvis du opretter en CTA, der skal være 400 px x 100 px, skal det uploadede billede være 800 px x 200 px for at understøtte en skærm med en pixeltæthed på @2x.
• CTA'er understøtter tilføjelse af op til en 4x-version. Hvis du f.eks. opretter en CTA, der skal være 400px x 100px, kan du uploade et billede på 1600px x 400px.
• CTA’en vises automatisk på din hjemmeside med en srcset-attribut, der leverer 1x-, 2x-, 3x- og 4x-versionerne, hvor disse er tilgængelige.
• Hvis billedet uploades i den størrelse, som CTA’en skal vises i, vil den ikke understøtte Retina. Hvis der for eksempel uploades et billede på 400px x 100px til en CTA på 400px x 100px