Criação usando conteúdo existente designing-using-existing-content
Seleção de conteúdo existente selecting-an-existing-content
O Adobe Campaign vem com um conjunto de conteúdos predefinidos para ajudar você 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ê poderá importá-la do seu computador ou de um URL.
Ao criar um email ou uma landing page, você pode optar por carregar um conteúdo existente de outra fonte.
-
Após criar o email ou a landing page, abra o conteúdo.
-
Clique no ícone da página inicial para acessar a página inicial Email Designer.
-
Selecione a origem do conteúdo que deseja carregar:
- Modelos de conteúdo: clique na guia Templates.
- Conteúdo do zero, para começar do zero: clique no botão Create.
- Conteúdo do computador como um arquivo ZIP ou HTML: clique no botão Upload.
- Conteúdo de uma URL existente (somente para emails): clique no botão Import from URL.
-
Carregue o conteúdo. O conteúdo selecionado substitui o conteúdo atual.
Depois de importado, o conteúdo pode ser editado e personalizado.
note note NOTE O Designer de email usa marcação específica. O conteúdo em 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:
Edição de conteúdo existente com o Designer de email editing-existing-contents-with-the-email-designer
Para aproveitar ao máximo as possibilidades de edição do Designer de email, o HTML carregado deve conter marcações específicas que o tornem compatível com o editor WYSIWYG.
Se todo ou parte do HTML 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 Criação de email usando conteúdo existente.
Importação de conteúdo de email existente importing
Importação de conteúdo de um arquivo importing-content-from-a-file
Na home page Email Designer, clique no botão Upload para carregar um arquivo do seu computador e, em seguida, confirme.
Não há restrições na estrutura do arquivo zip. No entanto, os arquivos de HTML de referência devem ser relativos e respeitar a estrutura de á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 que contém o arquivo HTML, a folha de estilos (.CSS) e as imagens
Importação de conteúdo de um URL importing-content-from-a-url
Antes de importar conteúdo de um URL, siga os requisitos abaixo:
-
O conteúdo precisa estar disponível publicamente por meio desse URL.
-
Por motivos de segurança, somente URLs iniciando com https são permitidas.
-
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 mirror page será exibida sem os recursos. Este é um exemplo de uma definição de link absoluto:
code language-none <a href="https://www.mywebsite.com/images/myimage.png">
Para recuperar o conteúdo existente de um URL, siga as etapas abaixo:
-
Na página inicial do Email Designer, selecione o botão Import from URL.
-
Defina o URL do qual o conteúdo será recuperado.
-
Clique em Confirm.
Descubra este recurso no vídeo.
Vídeos extras explicativos do Campaign Standard estão disponíveis aqui.
Recuperação automática de conteúdo de um URL no momento da preparação retrieving-content-from-a-url-automatically-at-preparation-time
A importação de conteúdo de um URL durante a preparação da mensagem permite recuperar o conteúdo de HTML mais recente sempre que o email for preparado. Dessa forma, o conteúdo de emails recorrentes está sempre atualizado no momento do envio. Esse recurso também permite criar uma mensagem agendada em uma data específica, mesmo que o conteúdo ainda não esteja pronto.
Para recuperar o conteúdo no momento da preparação, siga as etapas abaixo:
-
Selecione a opção Content imported during preparation.
-
O conteúdo do URL é exibido no editor como somente leitura.
note caution CAUTION Nessa etapa, a exibição do HTML no editor de conteúdo não deve ser considerada. Ele será recuperado na fase de preparação. -
Para visualizar o conteúdo da URL que foi recuperado, abra a mensagem depois de sua criação e clique no botão Preview.
É possível personalizar o URL remoto do qual o conteúdo será recuperado. Para fazer isso, siga as etapas abaixo:
-
Clique no rótulo do email na parte superior da tela para acessar a guia Properties do Email Designer.
-
Localize o campo Remote URL.
-
Insira o campo de personalização, o bloco de conteúdo ou o texto dinâmico desejados.
O bloco de conteúdo Current date - YYYYMMDD, por exemplo, permite inserir a data do dia.
note note NOTE Os campos de personalização disponíveis estão vinculados somente aos atributos Delivery (data de criação do email, status, rótulo da campanha…).
Se o download de conteúdo falhar na primeira tentativa, ele poderá ser repetido duas vezes:
- A segunda tentativa começa 50 ms após a primeira tentativa.
- A terceira tentativa começa 100 ms após a segunda tentativa.
Estas tentativas são úteis nestes casos:
- Falha de serviço de curto prazo em um servidor distante
- Uma falha de servidor em um cluster, caso em que as tentativas têm mais probabilidade de êxito graças ao balanceamento de carga para um servidor em funcionamento
Modo de compatibilidade compatibility-mode
Ao fazer upload de um conteúdo, ele deve conter marcações específicas para ser totalmente compatível e editável com o editor WYSIWYG do Email Designer.
Se todo ou parte do HTML carregado não estiver em conformidade com a marcação esperada, o conteúdo será carregado no "modo de compatibilidade", o que limita as possibilidades de edição por meio da interface.
Quando um conteúdo é carregado no modo de compatibilidade, você ainda pode executar as seguintes modificações por meio da interface (as ações indisponíveis estão ocultas):
- Alteração do texto ou de uma imagem
- Inserção de links e campos de personalização
- Editar algumas opções de estilo no bloco de HTML selecionado
- Definição do conteúdo condicional
Outras modificações, como a adição de novas seções ao email ou ao 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, consulte esta seção.
Tópicos relacionados:
Conversão de conteúdo de HTML converting-an-html-content
Se você quiser criar uma estrutura de modelos e fragmentos modulares que podem ser combinados para reutilização em vários emails, considere converter seu HTML de email em um modelo de Designer de email.
Esse caso de uso oferece uma maneira rápida de converter o email do HTML em componentes de Designer de email.
Fora do Designer de email, verifique se o HTML original está dividido em seções reutilizáveis.
Se esse não for o caso, corte 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 procedimento a seguir para cada seção do email existente:
-
Abra o Designer de email para criar um conteúdo de email vazio.
-
Defina os atributos do nível do corpo: cores do plano de fundo, largura etc. Para obter mais informações, consulte Edição de estilos de email.
-
Adicione um componente de estrutura. Para obter mais informações, consulte Edição da estrutura do email.
-
Adicione um componente HTML. Para obter mais informações, consulte Inclusão de fragmentos e componentes.
-
Copie e cole seu HTML nesse componente.
-
Alternar para exibição móvel. Para obter mais informações, consulte esta seção.
A exibição responsiva foi interrompida porque o CSS está ausente.
-
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:
code language-none <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>note note NOTE Certifique-se de adicionar o estilo depois disso em outra tag de estilo personalizada. Não modifique o CSS gerado pelo Designer de email: <style data-name="default" type="text/css">(##)</style><style data-name="supportIOS10" type="text/css">(##)</style><style data-name="mediaIOS8" type="text/css">(##)</style><style data-name="media-default-max-width-500px" type="text/css">(##)</style><style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
-
Retorne à exibição para dispositivos móveis para verificar se o conteúdo é exibido corretamente e salve as alterações.