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.