Laatst bijgewerkt: oktober 19, 2020
Pas de grootte van uw CTA aan met behulp van de ingebouwde dimensioneringsopties en aangepaste CSS.
- Navigeer in uw HubSpot-account naar Marketing > Lead capture > CTA's.
- Ga met de muis over een CTA en klik op hetvervolgkeuzemenu Acties en selecteer vervolgens Bewerken.
- Klik in het schuifvenster op Geavanceerde opties.
- Wis het selectievakje Grootteautomatisch en voer vervolgens de groottewaarden in de velden Horizontale vulling en Verticale vulling in.
- Klik op Volgende >.
- Klik op Opslaan en klik vervolgens op Voltooien.
Om de CTA de gehele breedte van de container of module te laten vullen, nadat u uw aangepaste knop CTA heeft ontworpen:
- Schakel hetselectievakjeGrootteautomatischuit.
- In hetaangepaste CSS veld, voeruw aangepaste CSS in .
- Stel de breedte in op breedte: 100%;
- Klik op Volgende >.
- Klik op Opslaan en vervolgens op Voltooien.
Als u een imagiër CTA op uw niet-HubSpot site...moet u mogelijk aanvullende CSS-verklaringen indienen (zoals... breedte: 100%;) binnen uw stylesheet om de afbeelding CTA responsief te maken.
Wat is netvliesoptimalisatie?
Netvliesoptimalisatie maakt de afbeelding van uw CTA scherper wanneer deze wordt bekeken op de pagina's van uw site en in e-mails als uw ontvangers de CTA in moderne versies van Apple Mail en iOS-mail bekijken; dit wordt niet ondersteund door Outlook of webmailservices zoals Gmail.
Retina optimalisatie wordt ondersteund wanneer u een afbeelding uploadt die minstens twee keer zo groot is als de CTA, vergelijkbaar met de netvliesondersteuning voor alle afbeeldingen op het internet. Als je een CTA aanmaakt die 400px bij 100px zal zijn, zou de geüploade afbeelding 800px bij 200px moeten zijn om een @2x pixeldichtheid te ondersteunen. CTA's ondersteunen het toevoegen van een 4x versie, in dit geval het uploaden van een 1600px bij 400px afbeelding. De CTA wordt automatisch weergegeven op uw website met een srcset-attribuut dat de 1x, 2x, 3x en 4x versie dient, indien beschikbaar.
Als de afbeelding wordt geüpload met de grootte van de CTA (bijvoorbeeld, een 400px bij 100px afbeelding wordt geüpload voor een 400px bij 100px CTA), zal dit geen netvliesondersteuning hebben.
