Partilhar via

Utilizar controlos HTML avançados e importar fragmentos de HTML

  • Artigo

Este artigo detalha como utilizar a codificação em direto e a identificação de código personalizado no editor de e-mail do Customer Insights - Journeys.

Como profissional de marketing, pretende enviar e-mails que sejam cativantes e personalizados para os seus clientes. Por vezes, poderá precisar de modificar o HTML ou adicionar código HTML personalizado para obter caraterísticas de design e opções de esquema específicas. No entanto, a edição do HTML ou a importação de código HTML personalizado pode causar problemas de composição e apresentar diferenças entre vários clientes de e-mail e dispositivos. Para o ajudar a lidar com estes problemas, o editor de e-mail do Customer Insights - Journeys inclui controlos HTML avançados que lhe permitem editar e-mails em tempo real e proteger o seu código personalizado contra pós-processamento.

Esta caraterística permite-lhe:

  • Marque uma secção de um e-mail como personalizada e certifique-se de que é impedida de alterações de pós-processamento e composição.
  • Codifique em HTML e veja as alterações imediatamente no e-mail.
  • Importe código HTML para o editor de e-mail como uma secção personalizada.

As secções seguintes explicam como utilizar a caraterística de controlos HTML avançados no editor de e-mail e descrevem as respetivas vantagens e limitações.

Nota

Tenha em atenção que, quando cria uma secção personalizada, qualquer suporte à composição é perdido.

Ativar os controlos HTML avançados

Ativar ou desativar esta caraterística:

  1. Aceda a Definições>Descrição geral>Mudanças de caraterística.
  2. Ative ou desative o comutador de controlos HTML avançado na secção Editor de e-mail.

Como utilizar os controlos HTML avançados

Nota

Para obter a melhor experiência, mova a estação de ancoragem para a parte inferior da página, conforme mostrado abaixo. Utilize a estação de ancoragem na parte inferior da página para uma melhor experiência.

Para marcar secções de um e-mail como personalizadas, precisa de utilizar a caraterística Marcar secção como personalizada. Esta caraterística permite-lhe indicar que determinadas partes do e-mail não devem ser modificadas pelo pós-processamento e que devem manter o seu comportamento de composição original. Também pode selecionar qualquer secção do e-mail e editar o código HTML diretamente no editor de código.

Para utilizar a caraterística de identificação de código personalizada, siga estes passos:

  1. Selecione a secção do e-mail que pretende marcar como personalizada.

  2. Selecione o botão Marcar secção como personalizada no canto superior esquerdo da janela do editor de HTML.

    Captura de ecrã da caraterística de identificação de código personalizado

  3. Veja o código selecionado encapsulado com as etiquetas de código personalizado no editor de código e o código marcado realçado com um limite verde na pré-visualização em direto do seu e-mail e na janela HTML.

Para importar um fragmento de código HTML, selecione o botão Importar fragmento de código na parte superior da janela do editor de HTML. Isto abre uma janela onde pode importar um fragmento de código que pode utilizar nos seus e-mails.

Para inserir um fragmento de código no seu e-mail, siga estes passos:

  1. Selecione a secção para onde pretende importar o código.

  2. Selecione o botão Importar fragmento de código na janela do editor de HTML.

    Captura de ecrã da importação da sua própria caraterística de código

  3. Veja o fragmento de código adicionado ao editor de HTML e a pré-visualização em direto do seu e-mail realçada com um limite verde na pré-visualização em direto do seu e-mail e na janela HTML.

Benefícios e limitações da caraterística de controlos HTML avançados

A caraterística de controlos HTML avançados oferece vários benefícios aos profissionais de marketing que pretendam utilizar código HTML personalizado nos seus e-mails. Eis alguns dos benefícios:

  • Simplifica o processo de criação de e-mails, permitindo-lhe codificar e pré-visualizar os seus e-mails em tempo real.
  • Permite-lhe ter mais controlo sobre a forma como apresenta informações e como estas são compostas em dispositivos e clientes de e-mail.
  • Protege o seu código personalizado do pós-processamento e garante que é apresentado conforme esperado.
  • Reduz a necessidade de ferramentas e serviços externos para editar e testar os seus e-mails.
  • Ajuda a evitar problemas de composição e pedidos de suporte, fornecendo um editor de HTML fácil de utilizar.

No entanto, a caraterística de controlos HTML avançados também tem algumas limitações que deve conhecer. Eis algumas das limitações:

  • Ao marcar a secção como personalizada, todo o processamento de compatibilidade do cliente de e-mail será desativado e deverá testar os seus e-mails antes de os enviar.
  • Não suporta conteúdo dinâmico nem tokens de personalização. Estas caraterísticas podem não ser apresentadas corretamente ou podem causar erros no cliente de e-mail.

Deve utilizar a caraterísticas de controlos HTML avançados com cuidado e seguir as melhores práticas para criar e-mails com código HTML personalizado.