Usar os componentes de conteúdo do Designer de email content-components
Ao criar seu conteúdo de email, os Componentes de conteúdo permitem personalizar ainda mais seu email com componentes brutos que podem ser editados depois de colocados no email.
É possível adicionar quantos componentes de conteúdo forem necessários dentro de um ou mais componentes de estrutura, que definem o layout do seu email.
Adicionar componentes de conteúdo add-content-components
Para adicionar componentes de conteúdo ao seu email e ajustá-los às suas necessidades, siga as etapas abaixo.
-
No Designer de email, use um conteúdo existente ou arraste e solte os Componentes da estrutura no conteúdo vazio para definir o layout do email. Saiba como
-
Para acessar a seção Componentes de conteúdo selecione o botão correspondente no painel esquerdo do Designer de email.
-
Arraste e solte os componentes de conteúdo de sua escolha dentro dos componentes de estrutura relevantes.
note note NOTE É possível adicionar vários componentes em um único componente de estrutura e em cada coluna de um componente de estrutura. -
Ajuste os atributos e o estilo de cada componente usando as guias Configurações e Estilo à direita. Por exemplo, é possível alterar o estilo do texto, o preenchimento ou a margem de cada componente. Saiba mais sobre alinhamento e preenchimento
-
No menu avançado do seu Componente de conteúdo, você pode excluir ou duplicar facilmente qualquer componente de conteúdo, conforme necessário.
Contêiner container
Para aplicar um estilo específico a um grupo de componentes de conteúdo, você pode adicionar um componente Contêiner e depois adicionar o(s) componente(s) de conteúdo desejado(s) dentro dele. Isso permite aplicar um estilo distinto ao contêiner, que será diferente do estilo aplicado aos componentes de conteúdo dentro dele.
Por exemplo, adicione um componente Container e, em seguida, adicione um componente Botão dentro desse container. Você pode usar um plano de fundo específico para o container e outro para o botão.
Botão button
Use o componente Botão para inserir um ou vários botões no email e redirecionar o público-alvo do email para outra página.
-
De Componentes de conteúdo, arraste e solte o componente Botão em um Componente Estrutura.
-
Clique no botão recém-adicionado para personalizar o texto e ter acesso às guias Configurações e Estilos no painel direito do Email Designer.
-
No menu Link, adicione a URL para a qual você deseja redirecionar ao clicar no botão.
-
Escolha como o público será redirecionado com a lista suspensa Target:
- Nenhum: abre o link no mesmo quadro em que foi clicado (padrão).
- Branco: abre o link em uma nova janela ou guia.
- Auto: abre o link no mesmo quadro em que foi clicado.
- Principal: abre o link no quadro principal.
- Superior: abre o link no corpo completo da janela.
-
Você pode personalizar ainda mais seu botão alterando atributos de estilo como Borda, Tamanho, Margem etc., do painel Configurações do componente.
Texto text
Use o componente de Texto para inserir texto no email e ajustar o estilo (borda, tamanho, preenchimento etc.) usando a guia Estilos.
-
Em Componentes do conteúdo, arraste e solte o componente Texto em um componente de Estrutura.
-
Clique no componente recém-adicionado para personalizar o texto e ter acesso às guias Configurações e Estilos no painel direito do Designer de email.
-
Altere o texto com as seguintes opções disponíveis na barra de ferramentas:
- Alterar estilo do texto: aplique negrito, itálico, sublinhado ou riscado ao seu texto.
- Alterar alinhamento: escolha entre alinhamento esquerdo, direito, central ou justificado para o texto.
- Criar lista: adicione marcadores ou listas de números ao texto.
- Definir cabeçalho: adicione até seis níveis de cabeçalho ao texto.
- Tamanho da fonte: selecione o tamanho da fonte do texto em pixels.
- Alterar cor da fonte: escolha a cor da fonte.
- Inserir link: adicione qualquer tipo de link ao seu conteúdo.
- Editar imagem: adicione uma imagem ou um ativo ao seu componente de texto. Saiba mais sobre o gerenciamento de ativos
- Alterar cor da fonte: escolha a cor da fonte.
- Adicionar personalização: adicione campos de personalização para personalizar o conteúdo dos dados de seus perfis. Saiba mais sobre a personalização de conteúdo
- Mostrar o código-fonte: exibir o código-fonte do texto. Ele não pode ser modificado.
- Habilitar conteúdo condicional: adicione conteúdo condicional para adaptar o conteúdo do componente aos perfis direcionados. Saiba mais sobre conteúdo dinâmico
- Duplicar: adicione uma cópia do seu componente de texto.
- Excluir: exclua o componente de texto selecionado do seu email.
-
Ajuste os outros atributos de estilo, como cor do texto, família da fonte, borda, preenchimento, margem etc., na guia Estilos.
Divisor divider
Use o componente Divisor para inserir uma linha divisória para organizar o layout e o conteúdo do email.
É possível ajustar atributos de estilo, como cor da linha, estilo e altura, a partir das guias Configurações e Estilos.
HTML HTML
Use o componente HTML para copiar e colar as diferentes partes do HTML existente. Isso permite que você crie componentes de HTML modulares gratuitos para reutilizar algum conteúdo externo.
-
De Componentes de conteúdo, arraste e solte o componente HTML em um Componente Estrutura.
-
Clique no componente recém-adicionado e selecione Mostrar o código-fonte na barra de ferramentas contextual para adicionar o HTML.
-
Copie e cole o código de HTML que deseja adicionar ao email e clique em Salvar.
Imagem image
Use o componente Imagem para inserir um arquivo de imagem do seu computador no conteúdo de email.
-
Em Componentes do conteúdo, arraste e solte o componente Imagem em um componente de Estrutura.
-
Na guia Configurações, clique em Procurar para escolher um arquivo de imagem de seus ativos ou em Importar mídia para carregar um ativo para a Adobe Experience Manager Assets.
Para saber mais sobre Adobe Experience Manager Assets, consulte a documentação do Adobe Experience Manager Assets.
note note NOTE Para garantir que seus links permaneçam ativos e evitar problemas de expiração, recomendamos usar o Adobe Assets em vez de depender de um URL de origem para suas imagens. -
Você também pode pesquisar diretamente no Adobe Stock com a opção Localizar fotos do Adobe Stock.
-
Clique no componente recém-adicionado e configure as propriedades da imagem:
- Título da imagem permite definir um título para a imagem.
- Texto alternativo permite definir a legenda vinculada à imagem. Isso corresponde ao atributo HTML alternativo.
-
Você também pode optar por Localizar fotos semelhantes do Stock. Saiba mais
-
Na guia Estilos, ajuste os outros atributos de estilo, como margem, borda etc. ou adicione um link para redirecionar o seu público-alvo para outro conteúdo a partir do painel Configurações do componente.
Social social
Use o componente Social para inserir links às páginas de redes sociais no seu conteúdo de email.
-
De Componentes de conteúdo, arraste e solte o componente Social em um Componente Estrutura.
-
Selecione o componente recém-adicionado.
-
No campo Social da guia Configurações, escolha qual rede social deseja adicionar ou remover.
-
Escolha o tamanho dos ícones por meio do campo dedicado.
-
Clique em cada um dos ícones da rede social para configurar a URL para a qual o público-alvo será redirecionado.
-
Você também pode alterar os ícones de cada uma das mídias sociais, se necessário, no Assets.
-
Ajuste os outros atributos de estilo, como estilo, margem, borda etc., na guia Estilos.
Decisão de oferta offer-decision
Use o componente Offer decision para inserir ofertas em suas mensagens. O mecanismo da gestão de decisões escolherá a melhor oferta para entregar aos seus clientes.
-
Em Componentes do Conteúdo, arraste e solte o componente Decisão de oferta em um componente de Estrutura.
-
Clique em Adicionar para selecionar sua Decisão de oferta.
-
Na lista suspensa, selecione seus Posicionamentos. Em seguida, selecione a Decisão de oferta que deseja adicionar ao seu conteúdo e clique em Adicionar.
-
Na guia Offer decision, você pode visualizar ou alterar a Oferta inserida.
Saiba como adicionar ofertas personalizadas a um email em esta seção.