Trabalhar com modelos de email, página e formulário
O Dynamics 365 Customer Insights - Journeys é fornecido com uma ampla variedade de modelos projetados profissionalmente. A maioria inclui um layout de coluna, um esquema de cores, conteúdo de exemplo e imagens de exemplo, enquanto outros fornecem somente um layout básico de coluna sem conteúdo de exemplo. Também há modelos em branco, que não fornecem estrutura ou conteúdo de exemplo.
Modelos no Dynamics 365 Customer Insights - Journeys
Os modelos incluídos com o Dynamics 365 Customer Insights - Journeys oferecem:
- Um ponto de partida para ajudar você a trabalhar mais rapidamente
- Layouts avançados com base em técnicas de design responsivas que ajudam a melhorar a aparência do conteúdo em qualquer tamanho de tela
- Uma paleta de cores harmoniosa com um número gerenciável de cores que você pode adaptar com facilidade à identidade da sua organização
- Designs testados e aprovados que foram testados em uma ampla variedade de clientes de email e clientes Web para ajudar a garantir uma aparência excepcional em qualquer lugar
A primeira coisa a fazer sempre que você criar uma nova mensagem, página ou formulário é escolher um modelo. Você pode trabalhar facilmente com o conteúdo e os estilos fornecidos usando o designer, mas o layout de coluna é parcialmente estabelecido pelo modelo escolhido (você só poderá modificá-lo usando o editor de código HTML).
Quando você cria um novo design, o conteúdo do modelo selecionado é copiado nele. O design e o modelo não estão vinculados, portanto, quando você editar o design, o modelo não será alterado. Da mesma forma, qualquer alteração futura que você fizer em um modelo não afetará nenhum design existente criado com ele.
É possível criar com facilidade modelos personalizados de acordo com as necessidades de comunicação e a identidade visual da sua organização. É possível salvar todo email ou jornada do cliente existente como modelo, selecionando Salvar como modelo enquanto a jornada ou email estiver aberto ou trabalhar diretamente na área de modelos relevantes para criá-los do zero. Também é possível criar modelos de página e de formulário, mas você só pode fazer isso criando-os na área de modelos — nenhum botão Salvar como modelo é fornecido para isso, mas você pode copiar/colar o HTML de uma página ou formulário existente para um novo modelo. Ao configurar um modelo, você pode adicionar diversos tipos de metadados (como a finalidade, o estilo, o tipo de mercado e otimizado para), o que torna cada modelo mais fácil de identificar e mais fácil de localizar usando-se os filtros na caixa de diálogo Selecionar um modelo de email mostrada aos usuários sempre que eles criam um novo design de email, página ou formulário.
Importante
Os modelos padrão são mantidos como parte da solução e podem ser substituídos quando o Dynamics 365 Customer Insights - Journeys é atualizado. Portanto, se você quiser personalizar um modelo padrão, deverá sempre salvar o resultado usando um nome novo em vez de salvá-lo com o nome padrão. Caso contrário, suas personalizações poderão ser substituídas durante a próxima atualização.
Criar um estilo para um modelo
Todos os modelos de email e de página incluídos com o Dynamics 365 Customer Insights - Journeys fornecem controles de estilo para ajudar você a adaptá-los rapidamente às cores usadas por sua organização ou campanha. As configurações de estilo variam de acordo com o modelo escolhido. Os designs baseados em um modelo em branco não fornecem controles de estilo, a menos que você (ou o personalizador do sistema) tenha programado-os para fazer isso usando a marcação HTML certa.
Eis algumas configurações de estilo comuns fornecidas pelos modelos prontos para uso:
- Plano de fundo externo: a cor mostrada fora do conteúdo da mensagem (por trás do "papel")
- Plano de fundo interno: a cor mostrada por trás do conteúdo da mensagem (a cor do "papel")
- Configurações da imagem hero: a imagem hero, quando presente, é normalmente a maior imagem da página, em geral localizada próxima à parte superior da mensagem. Essas configurações controlam a URL de origem da imagem e as configurações de estilo que a afetam. Use o botão do navegador para a configuração da Imagem hero para escolher uma imagem na biblioteca de imagens do Dynamics 365 Customer Insights - Journeys.
- Configurações de fonte e de texto do corpo: definem opções tipográficas que se aplicam à maior parte do texto em sua mensagem, mas geralmente não aos títulos.
-
Cores: um bom design gráfico não deve incluir muitas cores, e as cores devem estar em harmonia umas com as outras. Geralmente, os modelos usam de duas a quatro cores, que você pode definir individualmente para que correspondam à sua paleta preferencial de cores. Essas cores geralmente são mapeadas para o texto do título, botões de ação, planos de fundo de caixa de texto e bordas usadas no design. As seguintes convenções de nomenclatura são usadas com mais frequência (outras cores são fornecidas às vezes):
- Cor 1: botões primários
- Cor 2: botões secundários ou blocos de destaque
- Cor 3: rodapé
- Direção: dependendo do idioma usado, você optará por LTR (da esquerda para a direita) ou RTL (da direita para a esquerda).
As configurações fornecidas para cada modelo são definidas usando-se os atributos personalizados no HTML do modelo. Você poderá editá-las e criá-las conforme necessário durante a criação ou personalização de seus próprios modelos. Mais informações: Usar atributos personalizados para habilitar os recursos do designer em emails, páginas e formulários.
Adicionar etiquetas visuais para modelos
Ao criar um novo email/página/formulário/segmento de marketing, você receberá uma galeria de modelos para escolher. Você pode adicionar uma etiqueta visual atraente a qualquer modelo para facilitar que outros usuários encontrem-no e identifiquem-no ao navegar na galeria e em outras exibições.
Exibir etiquetas de modelo
Para galerias de modelos e listas que usam a exibição de bloco, cada etiqueta aparece como uma sobreposição colorida para cada modelo relevante. Para exibições que usam a exibição de grade (exibição de lista), as etiquetas são exibidas como valores da coluna, que também mostram o plano de fundo colorido configurado.
Na captura de tela a seguir, é possível ver uma exibição de bloco de modelos de páginas de marketing etiquetadas com "Novo" (verde), "Antigo" (vermelho) e "VIP" (dourado). Use a lista suspensa Exibir como para alternar exibições entre Grade (lista) e Blocos.
A captura de tela a seguir mostra a mesma coleção de modelos de modelos de página de marketing, mas com Exibir como definido como Grade. Neste exemplo, as etiquetas são exibidas na coluna Tag.
Definir a etiqueta para cada modelo
Importante
Esta seção aplica-se somente ao marketing de saída.
Para atribuir uma etiqueta a um modelo, abra o modelo relevante no cabeçalho Marketing de saída>Modelo de marketing, abra a guia apropriada e faça uma seleção na lista suspensa relevante. Consulte a tabela a seguir para obter detalhes sobre como executar esta configuração para vários tipos de modelos em uma instância padrão.
| Tipo de modelo | Navegação | Guia | Nome do campo (lista suspensa) |
|---|---|---|---|
| Jornadas do cliente | Modelos de marketing > Modelos de jornada | Geral | Marca |
| Emails de marketing | Modelos de marketing > Modelos de email | Informações gerais | Marca |
| Páginas de marketing | Modelos de marketing > Modelos de página | Resumo | Marca |
| Formulários de marketing | Modelos de marketing > Modelos de formulário | Resumo | Marca |
| Segmentos | Modelos de marketing > Modelos de segmento | Geral | Categoria |
Personalizar a seleção, o texto e as cores da etiqueta
Importante
Esta seção aplica-se somente ao marketing de saída.
Os personalizadores de sistema podem criar quantas etiquetas forem necessárias para cada tipo de modelo e definir o texto da exibição e a cor do plano de fundo de cada etiqueta. Para obter instruções sobre como realizar essas personalizações, consulte Criar e personalizar etiquetas de modelo.
Compatibilidade e visualizações de modelos de email
Criar e usar modelos HTML que parecem adequados para todos os clientes de email atualmente pode ser um desafio. Leia esta seção para obter detalhes sobre os clientes para os quais oferecemos suporte com os modelos prontos para uso, como você pode visualizá-los e testá-los, além de outras observações especiais.
Clientes de email testados
Todos os modelos de email incluídos com o Dynamics 365 Customer Insights - Journeys foram testados em uma ampla variedade de clientes de email disponíveis, conforme listado nas tabelas a seguir. Os modelos devem funcionar perfeitamente na maioria dos clientes modernos, mas alguns elementos de design podem ser prejudicados em clientes mais antigos ou menos usados.
| Clientes Desktop | Clientes Móveis | Clientes Web | Clientes Web (cont.) |
|---|---|---|---|
| Apple Mail 9/10 IBM Notes 9 Outlook 2000 Win 7 Outlook 2002 Win 7 Outlook 2003 Win 7 Outlook 2007 Win 7 Outlook 2010 Win 7 Outlook 2011 OS X 10.10 Outlook 2013 Win 7 Outlook 2013 120 DPI Win Outlook 2016 OS X 10.10 Outlook 2016 Win 7 Windows 10 Email Win 10 Thunderbird |
Android 4.4 Android 5.1 Android 6.0 App Gmail IMAP Android 4.4 Aplicativo Gmail Android 6.0 Aplicativo Gmail iOS Inbox by Gmail iOS iPhone 5s iOS 7 iPhone 5s iOS 8 iPhone 6 iOS 8 iPhone 6 Plus iOS 8 iPhone 6s iOS 9 iPhone 6s Plus iOS 9 iPhone 7 iOS 10.3.2 iPad (Retina) iOS 10.3.2 iPad Mini iOS 10.3.2 iPad Pro (12,9 pol.) iOS,10.3.2 |
AOL Explorer AOL Firefox AOL Chrome Comcast Explorer Comcast Firefox Comcast Chrome Freenet.de Explorer Freenet.de Firefox Freenet.de Chrome GSuite Explorer GSuite Firefox GSuite Chrome Gmail Explorer Gmail Firefox Gmail Chrome Inbox by Gmail Chrome Inbox by Gmail Firefox GMX.de Explorer GMX.de Chrome GMX.de Firefox Mail.ru Explorer Mail.ru Chrome Mail.ru Firefox |
Microsoft 365 Explorer Microsoft 365 Chrome Microsoft 365 Firefox Orange.fr Explorer Orange.fr Chrome Orange.fr Firefox Outlook.com Explorer Outlook.com Chrome Outlook.com Firefox SFR.fr Explorer SFR.fr Chrome SFR.fr Firefox T-Online.de Explorer T-Online.de Chrome T-Online.de Firefox Web.de Explorer Web.de Chrome Web.de Firefox Yahoo! Mail Explorer Yahoo! Mail Chrome Yahoo! Mail Firefox |
Problemas conhecidos com clientes de email específicos
Os seguintes problemas conhecidos se aplicam aos modelos de email prontos para uso e às mensagens personalizadas quando mostrados em clientes de email específicos:
- O Gmail tem um limite de tamanho de 104 KB, portanto, o markup que exceder esse limite será cortado. Todos os modelos prontos para uso são menores do que isso e, portanto, não devem ser afetados, a menos que sejam pesadamente personalizados.
-
O Outlook 2007 e mais recentes para Windows possui as limitações a seguir, embora esses recursos não tenham suporte do designer de email e nem sejam usados nos modelos prontos para uso:
- As bordas ao redor de botões não têm suporte.
- Os cantos arredondados podem não ser renderizados corretamente.
- Imagens de fundo não terão suporte quando tiverem sobreposições de texto ou de botão.
- O Outlook oferece suporte a personalizações e plug-ins locais que podem afetar a maneira como as mensagens são renderizadas. Em alguns casos, os destinatários que usam instalações personalizadas do Outlook podem ver layouts estranhos ou elementos de página repetidos. Esses efeitos não podem ser simulados pelas exibições do designer ou visualização. Se necessário, você pode usar envios de teste para ver como seus designs aparecem em configurações específicas do Outlook.
- Clientes de email T-Online renderizarão dois botões, o Botão normal e o markup VML.
- O cliente de email do Android 4.4 mostra apenas 60% da largura do modelo. Ainda não conseguimos verificar se a rolagem horizontal é possível. Até onde sabemos, isso só afeta o cliente Android nativo, e não os clientes nativos incluídos com telefones da maioria dos fabricantes, como a Samsung.
- Os clientes de email SFR.fr exibem uma cor de fundo para alguns links.
- Os clientes de email do Lotus Notes têm problemas gerais de renderização com os modelos.
Problemas do Litmus para visualizações de design de email
O Dynamics 365 Customer Insights - Journeys oferece uma visualização simulada e uma visualização da caixa de entrada para as mensagens de email. As visualizações de caixa de entrada são mais precisas porque são renderizadas para clientes de email específicos. As visualizações de caixa de entrada são fornecidas por um parceiro da Microsoft chamado Litmus Software, Inc. As visualizações do Litmus são criadas pela renderização de sua mensagem em clientes de email reais e então você recebe de volta uma captura de tela do resultado. Os seguintes problemas conhecidos podem ocorrer com as visualizações de caixa de entrada.
- Rodapé ausente: às vezes, as capturas de tela do Litmus falham ao capturar a toda a altura da mensagem.
- Não é possível rolar: a visualização retornada é uma captura de tela estática, que pode incluir barras de rolagem para mensagens maiores do que a tela. Na verdade, você não consegue rolar a imagem usando-as.
- A mensagem é muito alta: às vezes, o Litmus renderiza conteúdo extra no final do email.
- Somente metade da mensagem fica visível na visualização: isso pode acontecer se o Litmus fizer uma captura de tela antes de a mensagem ser totalmente carregada. Experimente recarregar a visualização. Se os problemas persistirem, então a mensagem pode incluir conteúdo dinâmico que não está resolvido.
- As visualizações do Outlook não refletem plug-ins personalizados: o Outlook oferece suporte a personalizações e plug-ins locais que podem, em alguns casos, afetar a maneira como as mensagens são renderizadas. Litmus fornece capturas de tela baseadas em uma instalação padrão do Outlook — sem considerar o efeito de plug-ins personalizados e outras personalizações locais. Se necessário, você pode usar envios de teste para ver como seus designs aparecem em configurações específicas do Outlook.