Show Menu
TÓPICOS×

Designing using existing content

Selecionar um conteúdo existente

O Adobe Campaign vem com um conjunto de conteúdos predefinidos para ajudá-lo a começar. Você pode usar uma dessas opções ou, se o conteúdo da mensagem que você precisa enviar estiver sendo preparado fora do Adobe Campaign, você pode importá-lo do seu computador ou de um URL.
Ao criar um email ou uma página inicial, você pode optar por carregar um conteúdo existente de outra fonte.
As imagens abaixo mostram como carregar um conteúdo existente usando o Email Designer .
  1. Depois de criar o email ou a página de aterrissagem, abra o conteúdo.
  2. Clique no ícone inicial para acessar a página Email Designer inicial.
  3. Selecione a origem do conteúdo que deseja carregar:
  4. Carregue o conteúdo. O conteúdo selecionado substitui o conteúdo atual.
    Depois de importado, o conteúdo pode ser editado e personalizado.
    O Email Designer usa marcação específica. O conteúdo HTML padrão carregado no Campaign deve corresponder à marcação esperada para ser totalmente compatível e editável no Designer de email. Se não for correspondente, seu conteúdo será carregado no modo de compatibilidade. Para tornar o conteúdo existente compatível, consulte esta seção .
Tópicos relacionados:

Editar conteúdo existente com o Designer de email

Para aproveitar totalmente as possibilidades de edição do Email Designer , seu HTML carregado deve conter tags específicas que o tornem compatível com o editor WYSIWYG.
Se todo o HTML ou parte dele não tiver essa marcação, o conteúdo será carregado no "modo de compatibilidade".
Para tornar um conteúdo externo existente totalmente editável no Designer de email, consulte a seção Projetando um email usando o conteúdo existente.

Importação

Importar conteúdo de um arquivo

Na página inicial do Email Designer, clique no Upload botão para fazer upload de um arquivo do computador e, em seguida, confirme.
Não há restrições na estrutura do arquivo zip. No entanto, a referência a arquivos HTML deve ser relativa e respeitar a estrutura em árvore da pasta zip.
Os seguintes formatos são suportados para importação:
  • Um arquivo HTML com uma folha de estilos incorporada
  • Uma pasta .zip contendo o arquivo HTML, a folha de estilos (.CSS) e as imagens
Para conteúdo de email, recomendamos que você importe arquivos HTML únicos com uma folha de estilos incorporada.

Importar conteúdo de um URL

Antes de importar o conteúdo de um URL, certifique-se de seguir os requisitos abaixo:
  • O conteúdo precisa estar publicamente disponível por meio deste URL.
  • Por motivos de segurança, somente URLs que começam com https são permitidos.
  • Verifique se todos os recursos (imagens, CSS) estão definidos em links absolutos e em HTTPS. Caso contrário, após o envio do email, a página espelhada seria exibida sem seus recursos. Este é um exemplo de uma definição de link absoluta:
    <a href="https://www.mywebsite.com/images/myimage.png">
    
    
O carregamento de conteúdo de um URL está disponível somente para o canal de email.
Para recuperar o conteúdo existente de um URL, siga as etapas abaixo:
  1. Na página inicial do Email Designer, selecione o Import from URL botão.
  2. Defina o URL do qual o conteúdo será recuperado.
  3. Click Confirm .
Tópico relacionado:

Recuperar conteúdo de um URL automaticamente no momento da preparação

A importação de conteúdo de um URL durante a preparação da mensagem permite que você recupere o conteúdo HTML mais recente sempre que o email for preparado. Dessa forma, o conteúdo de emails recorrentes é sempre atualizado no momento do envio. Esse recurso também permite que você crie uma mensagem programada em uma data específica, mesmo se o conteúdo ainda não estiver pronto.
Para recuperar o conteúdo no momento da preparação, siga as etapas abaixo:
  1. Selecione a Content imported during preparation opção.
  2. O conteúdo do URL é exibido no editor como somente leitura.
    Nesta etapa, a exibição HTML no editor de conteúdo não deve ser considerada. Será recuperado na fase de preparação.
  3. Para visualizar o conteúdo do URL que foi recuperado, abra a mensagem depois de criada e clique no Preview botão.
É possível personalizar o URL remoto do qual o conteúdo será recuperado. Para fazer isso, siga as etapas abaixo:
  1. Clique no rótulo de e-mail na parte superior da tela para acessar a Properties guia Email Designer.
  2. Encontre o Remote URL campo.
  3. Insira o campo de personalização, o bloco de conteúdo ou o texto dinâmico desejados.
    O bloco de Current date - YYYYMMDD conteúdo, por exemplo, permite inserir a data do dia.
    Os campos de personalização disponíveis são vinculados somente aos atributos de entrega (data de criação do email, status, rótulo da campanha...).

Modo de compatibilidade

Quando você carrega um conteúdo, ele deve conter uma marcação específica para ser totalmente compatível e editável com o editor WYSIWYG do Designer de email.
Se todo ou parte do HTML carregado não for compatível com a marcação esperada, o conteúdo será carregado em "modo de compatibilidade", o que limita as possibilidades de edição por meio da interface do usuário.
Quando um conteúdo é carregado no modo de compatibilidade, você ainda pode executar as seguintes modificações por meio da interface (as ações não disponíveis estão ocultas):
  • Alteração do texto ou alteração de uma imagem
  • Inserção de links e campos de personalização
  • Editar algumas opções de estilização no bloco HTML selecionado
  • Definição de conteúdo condicional
Outras modificações, como adicionar novas seções ao seu email ou estilo avançado, devem ser feitas diretamente no código fonte do email por meio do modo HTML.
Para obter mais informações sobre como converter um email existente em um email compatível com o Designer de email, consulte esta seção .
Tópico relacionado:

Converter um conteúdo HTML

Se quiser criar uma estrutura de modelos modulares e fragmentos que podem ser combinados para reutilização em vários emails, considere converter seu HTML de email em um modelo do Designer de email.
Este caso de uso oferece uma maneira rápida de converter um email HTML em componentes do Email Designer.
Esta seção destina-se a usuários avançados familiarizados com o código HTML.
Como o modo de compatibilidade, um componente HTML é editável com opções limitadas: você só pode executar edição no local.
Fora do Designer de email, verifique se o HTML original está dividido em seções reutilizáveis.
Se esse não for o caso, recorte os diferentes blocos do seu HTML. Por exemplo:
<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->

Depois de identificar todos os blocos, no Designer de email, repita o seguinte procedimento para cada seção do email existente:
  1. Abra o Designer de email para criar um conteúdo de email vazio.
  2. Defina os atributos de nível de corpo: cores de fundo, largura, etc. Para obter mais informações, consulte Edição de estilos de email.
  3. Adicione um componente de estrutura. Para obter mais informações, consulte Edição da estrutura de email.
  4. Adicione um componente HTML. Para obter mais informações, consulte Adicionar fragmentos e componentes .
  5. Copie e cole seu HTML nesse componente.
  6. Alternar para exibição móvel. For more on this, see this section .
    A exibição responsiva está quebrada, pois seu CSS está ausente.
  7. Para corrigir isso, alterne para o modo de código fonte e copie e cole sua seção de estilo em uma nova seção de estilo. Por exemplo:
    <style type="text/css">
    a {text-decoration:none;}
    body {min-width:100% !important; margin:0 auto !important; padding:0 !important;}
    img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;}
    ...
    </style>
    
    
    Não modifique o CSS gerado pelo Designer de email: <style acrite-template-css="true"> e <style acrite-custom-styles="" type="text/css"> . Depois disso, adicione seu estilo.
  8. Retorne à exibição móvel para verificar se o conteúdo é exibido corretamente e salvar as alterações.