De grootte van een CTA aanpassen (oude versie)

Let op: accounts die na 17 maart 2025 zijn aangemaakt, hebben geen toegang tot de CTA (legacy)-tool.

Pas de grootte van uw CTA (legacy) aan met behulp van de ingebouwde grootte-opties en aangepaste CSS. Wanneer u uw afbeelding uploadt voor een afbeeldings-CTA, kunt u rekening houden met Retina-optimalisatie.

Om uw CTA verder aan te passen, kunt u lezen hoe u met CSS aangepaste stijlen aan uw CTA (legacy) kunt toevoegen. Als u uw CTA aan een e-mail of sjabloon toevoegt, kunt u lezen hoe u uw CTA (legacy) kunt centreren.

De grootte van je CTA (legacy) aanpassen

1. Klik in je HubSpot-account op Meer en navigeer vervolgens naar Marketing > CTA's. Als Meer niet in je account verschijnt, navigeer dan direct naar Marketing > CTA's.
2. Klik linksboven op het vervolgkeuzemenu en selecteer CTA's (Legacy).
3. Beweeg de muisaanwijzer over een CTA en klik op Acties > Bewerken.
4. Klik in het uitschuifbare paneel op Geavanceerde opties.
   
   

5. Om de grootte van je aangepaste CTA handmatig aan te passen:
   • Schakel het selectievakje ‘Aanpassen aan tekst’ uit. Hierdoor wordt de automatische aanpassing van de grootte ongedaan gemaakt.
   • Voer in het gedeelte 'Knopafstand ' de gewenste waarden in voor de velden 'Knopbreedte ' en 'Knophoogte '.
   • Klik op ‘Volgende >’.
   • Klik op ‘Opslaan’. Klik vervolgens op ‘Voltooien’.
6. Om uw aangepaste CTA de volledige breedte van de bijbehorende container of module te laten innemen:
   • Schakel het selectievakje 'Afmetingen automatisch' uit.
   • Voer in het veld Aangepaste CSS uw aangepaste CSS in.
   • Stel de breedte in op width: 100%;
   • Klik op Volgende >.
   • Klik op 'Opslaan'. Klik vervolgens op 'Voltooien'.

Wat is Retina-optimalisatie?

Retina-optimalisatie zorgt ervoor dat de afbeelding van je CTA scherper wordt weergegeven op je webpagina's en in e-mails, mits je ontvangers de CTA bekijken in moderne versies van Apple Mail en iOS Mail; dit wordt niet ondersteund door Outlook of webmaildiensten zoals Gmail.

Retina-optimalisatie wordt ondersteund wanneer u een afbeelding uploadt die minstens twee keer zo groot is als nodig is voor de CTA, net zoals retina-ondersteuning werkt voor alle afbeeldingen op het internet. Houd ook rekening met het volgende:

• Als je een CTA maakt van 400px bij 100px, moet de geüploade afbeelding 800px bij 200px zijn om een scherm met een @2x-pixeldichtheid te ondersteunen.
• CTA’s ondersteunen het toevoegen van een versie tot 4x. Als je bijvoorbeeld een CTA maakt van 400px bij 100px, kun je een afbeelding van 1600px bij 400px uploaden.
• De CTA wordt automatisch op je website weergegeven met een srcset-attribuut dat de 1x-, 2x-, 3x- en 4x-versies aanbiedt, indien beschikbaar.
• Als de afbeelding wordt geüpload in de afmetingen waarin de CTA wordt weergegeven, biedt deze geen Retina-ondersteuning. Als er bijvoorbeeld een afbeelding van 400px bij 100px wordt geüpload voor een CTA van 400px bij 100px