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.
Landing Pages

Inserir e editar imagens nos módulos de rich text

Ultima atualização: Abril 2, 2021

Disponível para

Todos os produtos e planos

Você pode inserir uma ou mais imagens com outros tipos de conteúdo (texto,CTAs etc.) em um módulo de rich text. Você pode personalizar a aparência e o comportamento de carregamento da sua imagem. Imagens únicas também podem ser adicionadas ao módulo padrão daimagem

Observação: essas etapas se aplicam apenas a módulos de rich text. Os elementos de texto no editor de e-mail do tipo arrastar e soltar não podem conter imagens. 

Adicionar uma imagem no conteúdo em um módulo de rich text

Observação: apenas arquivos de imagem .png, .ico, .bmp, .jpg e .gif podem ser adicionados aos e-mails de marketing.

  • Na sua conta da HubSpot, acesse o blog, e-mail, landing pages ou páginas do site.

  • No painel, clique no nome do post de blog, e-mail, landing page ou página do site para editar.

  • Clique no módulo de rich text onde deseja exibir a imagem.
  • Na seção superior direita da barra de ferramentas de rich text, clique no ícone de imagem insertImage. im
  • No painel direito, você pode personalizar o seguinte:
    • Selecione uma imagem da sua ferramenta de arquivos.
    • Clique em Adicionar imagem para carregar uma nova imagem do seu computador ou da URL do arquivo.
    • Clique em Design com o Canva para criar uma nova imagem com o Canva.

Editar uma imagem

  • Para ativar os controles de estilo de imagem na barra de menu, clique na imagem no editor de rich text.
    1. Para ajustar como o texto se alinha à imagem, selecione um Layout de imagem.
    2. Para adicionar um link à imagem, clique no ícone de link.
    3. Para ajustar o tamanho da imagem, clique nas setas de Largura e Altura ou insira um valor de pixel
    4. Para ajustar o deslocamento da imagem, clique no menu suspenso Espaçamento e insira um valor de pixel ao redor das bordas do ícone da imagem.

editor-for-rich-text-images

  • Para remover uma imagem de um módulo de rich text, clique nela e, em seguida, no ícone de lixeira delete ou pressione a tecla Excluir/Backspace no teclado.
  • Para substituir a imagem, clique nela e, em seguida, no ícone Substituir replace e adicione uma nova imagem.

Editar opções de imagem avançada

Você pode editar as opções avançadas da imagem para adicionar um texto alternativo, personalizar o link da imagem ou controlar a maneira como ela é carregada na página. As imagens nos e-mails de marketing somente oferecem suporte à opção de adicionar texto alternativo. 

Para fazer mais edições avançadas à sua imagem:

  • Clique na imagem.
  • Clique no ícone de lápis edit.
  • No canto superior direito da janela pop-up, clique em Avançado.
    • Adicione texto alternativo para descrever o assunto da sua imagem para os mecanismos de pesquisa.
    • Se a imagem estiver vinculada, você pode personalizar o tipo de link. Isso informa aos mecanismos de pesquisa como esse link está relacionado ao seu site.
    • Você pode aplicar o carregamento lento para que a imagem carregue apenas se um visitante acessar esse conteúdo na sua página. Para aplicar o carregamento lento às imagens inseridas em um módulo de rich text, na caixa pop-up Avançado, clique no menu suspenso Carregamento lento e selecione Lento

lazy-load-for-inserted-image-1

    • Clique em Aplicar para salvar suas edições.