Editar o tamanho de um CTA

Ajuste o tamanho do seu CTA usando as opções de tamanho incorporado e CSS personalizado. 

• Na sua conta da HubSpot, navegue até Marketing > Captura de leads > CTAs.
• Passe o cursor do mouse sobre uma CTA existente e clique no menu suspenso Ações, e em seguida, selecione Editar.

• No painel deslizante, clique em Opções avançadas.

• Limpe a caixa de seleção Ajustar tamanho automaticamente, depois insira valores de tamanho nos campos preenchimento Horizontal e preenchimento Vertical.
• Clique em Próximo > . 
• Clique em Salvar, e depois clique em Concluir. 

Para que o CTA preencha toda a largura de seu contêiner ou módulo, depois de criar seu CTA personalizado de botão:

• Marque a caixa de seleção Ajustar tamanho automaticamente. 
• No campo CSS personalizado , insira seu CSS personalizado.
• Defina a largura para largura: 100%;
• Clique em Próximo >. 
• Clique em Salvar, e clique em Concluir.

Se você estiver incorporando um CTA de imagem, em seu site que não seja da HubSpot, talvez seja necessário aplicar declarações de CSS adicionais (como largura: 100%;) em sua folha de estilos para tornar a CTA da imagem responsiva.

O que é otimização de retina?

A otimização de retina torna a imagem do seu CTA mais nítida quando visualizada nas páginas do seu site e nos e-mails, se os destinatários visualizarem o CTA nas versões modernas do e-mail do Apple Mail e do iOS; isso não é suportado pelos serviços do Outlook ou do webmail, como o Gmail.  

A otimização de retina é suportada quando você faz upload de uma imagem que é pelo menos duas vezes o tamanho necessário para o CTA, da mesma forma que o suporte de retina funciona para todas as imagens na Internet. Se você estiver criando um CTA que será 400px por 100px, a imagem carregada precisa ser 800px por 200px para apoiar um display de densidade @2x pixel. Suporte de CTAs adicionando até uma versão de 4x, neste caso, carregando um 1600px por uma imagem de 400px. O CTA será renderizado automaticamente em seu site com um atributo de srcdefinido que atende a 1x, 2x, 3x e 4x a versão disponível.

Se a imagem for carregada no tamanho em que a CTA será processada (por exemplo, uma imagem de 400 px por 100 px será enviada para uma CTA de 400 px por 100 px), isso não terá suporte à retina.