Ir para o conteúdo principal
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.

Adicione estilos personalizados ao seu CTA (legado)

Ultima atualização: Junho 12, 2024

Disponível com qualquer uma das seguintes assinaturas, salvo menção ao contrário:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Marketing Hub Basic (versão anterior)

Use as opções avançadas do HubSpot para CTAs (legado) para criar botões de CTA altamente personalizados que se adaptam perfeitamente ao tema do seu site. Você pode usar uma classe CSS personalizada para ofereça suporte a entradas de classe personalizadas de sua folha de estilo ou adicione CSS personalizado diretamente ao CTA.

Para personalizar ainda mais seu CTA (legado), saiba como edite o tamanho do seu CTA. Se você estiver adicionando seu CTA (legado) a um e-mail ou modelo, saiba como centralize seu CTA.

Observe: estilos personalizados só podem ser aplicados a botões personalizados e não botões de imagem.

Para adicionar um estilo personalizado ao CTA do seu botão:

  • Na sua conta HubSpot, acesse Marketing > CTAs.
  • No canto superior esquerdo, clique no menu suspenso e selecione CTAs (legado).
  • Passe o mouse sobre um CTA e clique Ações > Editar ou clique em Criar CTA
  • No painel direito, role para baixo e clique em Opções avançadas.

  • Você pode aplicar um estilo CSS personalizado ao seu CTA usando apenas ou o Classe CSS personalizada ou o CSS customizado opção. Se ambas as opções forem aplicadas, isso pode resultar em problemas com o estilo ou exibição do seu CTA. 
    • Classe CSS personalizada: adicione uma classe personalizada ao seu CTA para suporte a entradas de classe personalizadas. Isso é útil quando várias CTAs nas páginas do site precisam compartilhar um conjunto similar de características de design, como famílias de fonte, tamanho ou mesmo deslocamento e margens. Se você usar uma classe CSS personalizada, certifique-se de que a classe esteja incluída e estilizada no arquivo Folha de estilo CSS aplicado como estilo principal para suas páginas do HubSpot.
    • CSS customizado: adicione estilos personalizados para aplicar apenas ao CTA que você está editando. No CSS customizado campo, você pode aplicar estilo embutido específico para esse CTA. Se você tiver um elemento do CTA que gostaria de alterar, adicione uma nova declaração de estilo aqui antes de salvar suas alterações. 
  • No canto inferior direito, clique em Próximo > terminar criando ou editando seu CTA (legado).
     
Esse artigo foi útil?
Este formulário deve ser usado apenas para fazer comentários sobre esses artigos. Saiba como obter ajuda para usar a HubSpot.