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.

Alterar a cor dos links em um e-mail de marketing

Ultima atualização: Janeiro 18, 2023

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

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

Para atualizar a cor de um link em seu e-mail, destaque o texto e use o seletor de cor da fonte na barra de ferramentas rich text. Você pode atualizar a cor do link padrão para todos os links em seu e-mail, adicionando CSS personalizado ao modelo de e-mail.

Observação: adicionar estilo personalizado ao seu modelo exige uma compreensão básica do CSS.

Altere a cor de um link no editor de e-mail

  • Na sua conta da HubSpot, navegue até Marketing > Email.
  • Passe cursor do mouse sobre o modelo que deseja modificar e clique em Editar.
  • Clique no módulo com o link que deseja editar.
  • Destaque o link e clique no ícone de cores de texto na barra de ferramentas de rich text, em seguida, selecione uma cor. Para acessar mais opções de cores, clique na guia Avançado e use o seletor de cores.

change-link-color-in-editor

Alterar a cor de todos os links no modelo de e-mail

  • Na sua conta da HubSpot, navegue até Marketing > Arquivos e modelos > Ferramentas de design.
  • No localizador à esquerda, clique no nome do modelo de e-mail que você deseja modificar.

    Observação: não clique em nenhum módulo específico no modelo para garantir que as alterações sejam aplicadas ao modelo de e-mail inteiro, em vez de um módulo específico. O nome do componente selecionado aparecerá no topo do inspetor.

  • No inspetor à direita, adicione o snippet de código a seguir no campo de marcação Adicional <head>, substituindo #FF6600 pelo valor hexadecimal de cor desejado para seus links:
    <style type="text/css" id="hs-inline-css">
       a { color: #FF6600; }
    </style>
  • Clique em Publicar alterações para aplicar suas alterações ao modelo.
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.