Isenção de responsabilidade de tradução: esse conteúdo foi traduzido para sua conveniência com o uso de software e pode não ter sido revisado por uma pessoa. O texto oficial é a versão em inglês e sempre será o texto mais atualizado. Para ver a versão em inglês, clique aqui.
CTA

Editar o tamanho de um CTA

Ultima atualização: Março 22, 2019

Disponível para

Marketing Hub  Professional, Enterprise
Basic

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.