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.
Email

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

Ultima atualização: Fevereiro 25, 2021

Disponível para

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.