Modifiez la taille d’un CTA

Ajustez la taille de votre CTA à l’aide des options de dimensionnement intégrées et CSS personnalisées. 

• Depuis votre compte HubSpot, accédez à Marketing > Capture de leads > CTA.
• Passez le curseur de la souris sur un CTA et cliquez sur le menu déroulant Actions, puis sélectionnez  Modifier.

• Dans le panneau coulissant, cliquez sur Options avancées.

• Décochez la case Taille automatiquement, puis saisissez les valeurs de taille dans les champs Remplissage horizontal et Remplissage Vertical.
• Cliquez sur Suivant >. 
• Cliquez sur Enregistrer, puis cliquez sur Terminer. 

Pour que le CTA remplisse toute la largeur de son conteneur ou module, une fois que vous avez conçu votre bouton personnalisé CTA :

• Décochez la case Taille automatiquement. 
• Dans le champ CSS personnalisé, entrez votre CSS personnalisé.
• Réglez la largeur à la largeur : 100 % ;
• Cliquez sur Suivant >. 
• Cliquez sur Enregistrer, puis cliquez sur Terminer.

Si vous intégrez une image CTA sur votre site non-HubSpot, vous devrez peut-être appliquer des déclarations CSS supplémentaires (telles que largeur : 100 % ;) dans votre feuille de style pour rendre l’image CTA adaptée.

Qu’est-ce que l’optimisation de la rétine ?

L’optimisation de la rétine permet de développer l’image de votre CTA en cliquant sur les pages de votre site et sur les e-mails si vos destinataires consultent le CTA dans des versions modernes d’Apple mail et d’iOS mail ; cela n’est pas pris en charge par les services Outlook ou de messagerie électronique tels que Gmail.  

L’optimisation de la rétine est prise en charge lorsque vous téléchargez une image dont la taille est au moins deux fois supérieure à la taille nécessaire pour le CTA, de la même manière que le support rétinien fonctionne pour toutes les images sur Internet. Si vous créez une CTA qui sera de 400px par 100px, l’image téléchargée devra être de 800px par 200px pour supporter un affichage de densité de pixels @2x. Les CTA prennent en charge l’ajout d’une version 4x, dans ce cas le téléchargement d’une image 1600px par 400px. Le CTA sera automatiquement rendu sur votre site web avec un attribut srccong correspondant à 1x, 2x, 3x et 4x disponible. 

Si l’image est chargée à la taille, le CTA sera rendu (e ).g., une image de 400px par 100px est chargée pour une image de 400px par 100px CTA, ce qui ne sera pas le cas.