Email Builder de Drag and Drop

O EmailBuilder™ é um editor de e-mail desenhado pela Mailify Software para simplificar a tarefa de criar e-mails e newsletters.

A facilidade de uso do EmailBuilder baseia-se no fato de que não precisar de habilidades técnicas em HTML ou CSS para criar um e-mail com design, responsivo e eficaz.

Um simples jogo de arrastar e soltar (drag-and-drop) permite que adicione seu conteúdo, texto e imagens, e formatá-los sem esforço. Tudo é personalizável e personalizável: estilo, gráficos, cores, espaços, bordas e tipografia.

Navegação rápida

Acesso ao EmailBuilder

O EmailBuilder está disponível quando cria uma campanha de e-mail e seleciona "EmailBuilder / Templates" na etapa "Modo de Criação".

Modos de criação

Vários modos de criação estão disponíveis em Mailify Sunrise:

EmailBuilder / Templates: Este modo permite que crie seu e-mail usando o EmailBuilder, escolhendo um template existente ou começando a partir de uma página em branco. A vantagem deste modo é que é muito fácil de usar se não possui habilidades especiais em HTML e CSS, e se quiser otimizar a recepção de seus e-mails em versão móvel.
Importar arquivo externo: este modo permite que comece a partir de seus próprios modelos importando seu arquivo HTML, copiando diretamente a fonte HTML do seu arquivo ou digitando manualmente seu código HTML.
Mensagem em formato de texto simples: este modo permite que crie um email que não contenha imagens nem formatação. Seu email será enviado em formato de texto (TXT). É um modo de envio que garante uma melhor entregabilidade, mas que não lhe dará os melhores retornos de um ponto de vista de marketing / comunicação porque sua marca não é facilmente identificável por causa da ausência de imagem e sua mensagem não é facilmente lembrada pela falta de formatação.

Templates

Se decidir optar pelo modo EmailBuilder / Templates, terá as opções:

Partir de um Template Mailify
Partir de um Template que salvou anteriormente
Partir do zero e criar seu email personalizado

Supondo que escolha começar com um template Mailify, um grande número de modelos com design 100% personalizáveis e 100% responsivos estão disponíveis.

Escolha o que é certo para nesta lista e personalize-o com o seu conteúdo, adicionando seu logotipo, imagens e cores via EmailBuilder.

Dashboard

Se escolheu partir de um template existente, de um template Mailify ou de uma página em branco, será redirecionado para a etapa "Editar". Aqui é onde poderá lidar com o EmailBuilder e personalizar seus e-mails.

A tela de edição é composta por 3 áreas:

A parte superior, que permite gerir o cabeçalho do seu e-mail: assunto, remetente, anexos, etc.
O painel direito, que permite selecionar layouts ou blocos para arrastar e soltar conteúdo na área de trabalho
O plano de trabalho, que permite que crie seus e-mails e visualize sua renderização na versão desktop e móvel.

É possível aumentar o tamanho do seu plano de trabalho para obter conforto de uso.

Aumente a largura dobrando o painel direito

Clique neste botão, localizado na parte superior do painel direito para dobrar o painel. Esta ação será reversível ao clicar neste botão novamente.

Aumente a altura mudando para o modo "full screen"

Clique neste botão, localizado no canto superior direito do seu plano de trabalho, para ocultar a coluna esquerda e a barra de cabeçalho.

Por padrão, o modo de exibição do seu plano de trabalho está na versão "desktop", ou seja, vê seu email como se fosse consultado em um computador.

Você pode visualizar a renderização da sua versão de e-mail "Smartphone" clicando no botão localizado acima do seu plano de trabalho.

Configurações gerais

As configurações gerais dizem respeito à exibição do seu plano de trabalho e às configurações globais do e-mail que está sendo editado.

Você pode alterar as configurações gerais no painel direito:

Ativar versão móvel: mostra ou oculta o botão de alternar na parte superior do seu plano de trabalho. Esta opção está ativada por padrão. Se não quiser exibir a versão móvel do seu e-mail, pode desativar esta opção nas configurações gerais.
Mostrar cabeçalho: exclui o cabeçalho de seu e-mail. Isso só é recomendado se colocar sua cópia na web (versão on-line) em outro lugar em seu e-mail para permitir que seus destinatários vejam seus emails.
Mostrar rodapé: Como o cabeçalho, pode excluir o rodapé de seu e-mail. Isso removerá o link de cancelamento de inscrição incluído no seu rodapé. Isso não é aconselhável, a menos que coloque seu link de cancelamento de inscrição em outro lugar em seu e-mail.
Container principal: o recipiente principal é a ""tabela"" ""em que seus blocos de conteúdo estão incorporados. Esta opção permite que defina os parâmetros do contêiner principal do seu e-mail, a saber a cor de fundo desse recipiente, largura, cor e tamanho da borda deste recipiente. Você pode gerenciar de forma independente os parâmetros de cada um dos seus blocos mais tarde.
Textos: esses parâmetros permitem modificar os estilos padrão de cada elemento do seu email: parágrafo, título 1, título 2, botão, cabeçalho, rodapé. Essas configurações não permanecerão ativas para os próximos e-mails criados com o EmailBuilder. No entanto, pode salvar seu e-mail como um template e poderá recuperar sua formatação para as próximas criações.
Espaço entre blocos: esta opção permite administrar o espaçamento entre os diferentes blocos de conteúdo do seu e-mail (atributo ""cellspacing"" ""da sua tag <table> em HTML). Isso permite que ganhe legibilidade ou Em vez de condensar seu conteúdo, esse espaçamento é gerenciado em pixels.
Margens internas: esta opção permite que gerencie o espaçamento entre seu conteúdo e os limites do bloco em que ele está inserido (atributo ""cellpadding"" da sua <table> em HTML). Este também é um parâmetro que lhe permite ganhar legibilidade ou, pelo contrário, condensar seu conteúdo. Esse espaçamento é gerenciado em pixels.

Blocos

Antes de inserir texto ou imagens em seu e-mail, deve inserir um contêiner para acomodar seu conteúdo.

Um bloco é um recipiente.

Seu e-mail é baseado em uma arquitetura de blocos de conteúdo de hospedagem (imagens, textos, etc.). É importante criar uma estrutura coerente com uma seqüência de blocos heterogêneos. Tente encontrar um equilíbrio entre seus blocos de texto e seus blocos de imagens, para facilitar a leitura de seus e-mails.

Para inserir um bloco em seu e-mail, abra a seção "Conteúdo" no painel direito. Você notará que esta seção é dividida em 2: blocos (contêineres) e conteúdo.

Existem 7 tipos de blocos:

Os blocos guardados permitem-lhe encontrar e reutilizar facilmente os blocos pessoais que tinha registado anteriormente. Os outros blocos permitem-lhe utilizar estruturas de tipo standard.

Você pode modificar sua estrutura adicionando blocos, simplesmente arrastando e soltando para o local escolhido.

É possível gerenciar as propriedades de cada bloco independentemente dos outros blocos: para fazer isso, clique no botão "Propriedades" na caixa de ferramentas que aparece quando passa o mouse sobre o bloco em questão.

Uma janela aparece, permitindo que personalize o fundo, as bordas, as margens ou o alinhamento vertical do texto em cada coluna do seu bloco.

Configurações de fundo

Você pode escolher uma imagem ou uma cor de fundo para o seu bloco.

Se escolher uma imagem, o Mailify Sunrise aconselha a adicionar uma cor de fundo semelhante à da sua imagem, porque alguns clientes de email (como o Microsoft Outlook) não suportam o gerenciamento de imagens. Neste caso, se tiver um texto acima da imagem, este texto só será visível se tiver escolhido uma cor de fundo que esteja próxima o suficiente da sua imagem.

Para escolher uma imagem de fundo, clique no seguinte botão:

Uma janela do seu explorador de arquivos será aberta para que possa selecionar a imagem no diretório que escolher.

Para escolher uma cor de fundo, clique no quadrado colorido ao lado de "cor de fundo do bloco ":

Aparece um seletor de cores, onde pode escolher uma cor diretamente clicando no espectro exibido na parte superior do seletor. Se quiser escolher uma cor muito específica, pode digitar as referências na parte inferior do seletor de cores.

Mailify Sunrise aceita referências de tipo:

HEX: Hexadecimal
RGB: Vermelho Verde Azul
HSL: Luminosidade de saturação de matiz

Role para cima e para baixo para alternar entre códigos de cores:

Você pode gerenciar de forma independente o plano de fundo de cada coluna em seu bloco clicando no botão (1, 2, 3 ou 4)

Configurações da borda

Você pode escolher a cor e a espessura da borda do seu bloco.

Por padrão, as bordas do seu bloco são parametrizadas com uma espessura de 0 pixels. Seja qual for a cor selecionada, é invisível na tela.

Se deseja atribuir uma cor à borda do bloco, comece aumentando a espessura do mesmo.

Por padrão, quando aumenta a espessura de uma borda, aumenta a espessura das outras bordas da mesma maneira.

Você pode gerenciar de forma independente a espessura de cada borda do seu bloco (borda superior, inferior, esquerda e direita) destravando o cadeado localizado no centro desta janela:

Depois de ter aumentado a espessura da sua borda, pode colorir com o seletor de cores ao lado de "Cor da borda".

A operação deste seletor de cores foi descrita aqui.

Configurações de margens

Esta opção é para as margens internas do seu bloco.

Você pode gerenciar de forma independente as margens internas do seu bloco para cada uma das suas colunas e, assim, ajustar a posição do seu conteúdo dentro dos seus blocos.

No bloco de tipo "2 colunas" abaixo (cujo fundo é azul), as margens foram definidas de forma diferente para cada uma das duas colunas: a primeira coluna possui uma margem interna zero, enquanto a segunda coluna foi configurada com uma margem de 35 pixels.

A posição do conteúdo de cada coluna é, portanto, diferente dentro do bloco:

Da mesma forma que para a configuração de bordas, suas margens podem ser gerenciadas de forma uniforme (cadeado bloqueado) ou independentemente (cadeado desbloqueado) e isso para cada coluna do seu bloco:

Parâmetros de alinhamento vertical

Você pode alinhar verticalmente o conteúdo de cada coluna no seu bloco com as configurações de alinhamento vertical.

Você pode optar por ter seu conteúdo no topo do bloco, na parte inferior do bloco ou no centro.

Esta opção é particularmente útil quando há diferenças no comprimento do conteúdo entre suas diferentes colunas.

Por exemplo, quando um texto ocupa mais espaço do que o conteúdo de suas outras colunas:

Então, ajuste as configurações dos seus blocos conforme entender, até obter o resultado desejado.

Se fez muitas configurações, lembre-se de que pode salvar seu e-mail, como um modelo, para preservar a formatação e para poder usá-lo novamente durante uma próxima criação.

Você pode executar várias ações em um bloco, além de gerenciar os parâmetros associados a ele como acabamos de ver:

Mova um bloco existente: para fazer isso, clique no botão Mover bloco na barra de propriedades do seu bloco. Mantenha pressionado o seu clique e arraste o bloco para o local escolhido. Uma vez movido, solte seu clique para soltar o bloco.

Duplicar um bloco existente: para fazer isso, clique no botão "duplicar bloco" na barra de propriedades do seu bloco. Um bloco idêntico será criado sob o bloco que acabou de duplicar.

Troque o conteúdo de um bloco existente: esta opção permite que troque o conteúdo do seu bloco movendo cada conteúdo para a localização do conteúdo à direita (o conteúdo inicialmente localizado nas folhas mais à direita no início da linha ).

Situação inicial:

1º clique em "trocar conteúdos":

2º clique em "trocar conteúdos":

Exclua um bloco de conteúdos: quando exclui um bloco, perde o recipiente (o bloco em si), mas também o conteúdo (textos, imagens, etc.)
Guardar um bloco de conteúdo: Esta opção permite salvar um bloco (forma e conteúdo) no seu diretório de blocos guardados e reutilizá-lo posteriormente nesta ou outra campanha.

Você encontrará mais informações sobre como guardar os seus blocos e gerir o seu diretório de blocos guardados na secção dedicada a este tema.

Conteúdos

O conteúdo é algo que pode mover nas colunas de seus blocos.

Para mover conteúdo, clique nele e arraste e solte-o no recipiente de sua escolha.

Existem 14 tipos de conteúdos disponíveis:

Imagem

Este conteúdo permite inserir uma imagem em um contêiner.

Para inserir este conteúdo, clique nele e arraste e solte-o diretamente em uma das colunas do bloco de sua escolha. O contêiner é destacado quando está prestes a adicionar seu conteúdo para dizer que pode deixá-lo lá.

Depois de deixá-lo em um recipiente, há várias coisas que pode fazer sobre isso quando passa o mouse sobre ele:

Escolher uma imagem permite que selecione uma imagem

Procurar: permite selecionar uma imagem navegando nos arquivos em seu computador

Banco de imagens: permite que selecione uma imagem do banco de imagens grátis do Mailify Sunrise

De um URL: permite que insira uma imagem inserindo o link de hospedagem da mesma

Inserir Variável: Se a sua lista de destinatários tiver uma coluna ""imagem"" que lista links para imagens relacionadas a cada destinatário, sua imagem será personalizada para cada um deles. Por exemplo, imagine que sua lista contém a foto do produto favorito de cada um de seus destinatários, poderá exibir uma imagem de produto diferente para cada destinatário que receberá seu e-mail.

Saiba mais sobre campos de personalização dinâmicos.

Clonar imagem: permite que crie uma duplicata de sua imagem. A nova imagem é automaticamente adicionada na imagem original, no mesmo contêiner.
Mover Imagem: permite que altere a localização atual da sua imagem. Arraste e solte a imagem para outro local em seu e-mail.
Apagar imagem: permite que exclua a imagem do seu email. Um botão "confirmação" aparecerá quando clicar em "excluir imagem". Você precisará confirmar a exclusão para que ela seja efetiva."
Editar imagem: o botão "editar" aparece uma vez que inseriu sua imagem. Quando clicar neste botão, aparecerá uma janela "Propriedades da imagem". Você também pode acessar diretamente as propriedades da sua imagem, clicando nela.

Você pode então modificar as dimensões da imagem ajustando a largura e a altura (em pixels) da imagem. Um pictograma de cadeado permite que gerencie as dimensões da sua imagem enquanto mantém as proporções iniciais entre altura e largura (cadeado fechado) ou gerenciando essas dimensões independentemente uma da outra (cadeado desbloqueado).

Recomendamos que evite esticar ou esmagar sua imagem alterando o tamanho depois de destravar o cadeado. Isso terá o efeito de deformá-la e a renderização estética será degradada.

Você também pode gerenciar o alinhamento da sua imagem dentro do bloco no qual está incorporado: Alinhe a imagem à esquerda, ao centro ou à direita do recipiente de acordo com suas preferências.

Finalmente, pode inserir um link clicável em sua imagem, bem como uma legenda (texto alternativo exibido em caso de não download de sua imagem pelo cliente de e-mail de seu destinatário)

Retoque a imagem: quando clica em "editar imagem" e aparece a janela "Propriedades da imagem", clique no botão "Retoque" na parte superior da imagem. Você terá acesso ao editor de imagens integrado do Mailify Sunrise, que permitirá que faça uma ampla escolha de correções para sua imagem, a fim de melhorar a renderização visual.

Video

É possível gerar Gifs animados automaticamente a partir de vídeos de sua escolha.

Para fazer isso, arraste e solte esse tipo de conteúdo em um bloco.

No campo "URL", copie e cole a URL do seu vídeo hospedado no Youtube, Dailymotion, Vimeo, Twitter, Facebook, Instagram.....

Um link para esta URL será inserido automaticamente no seu vídeo.

No menu "Formato", seleccione o formato que pretende aplicar à imagem do seu vídeo. Apenas o formato ""Animated Gif"" pode exibir uma animação. O formato Jpeg é exibido como uma imagem estática.

O menu "Botão" permite-lhe seleccionar o estilo do " reprodutor" que pretende adicionar ao seu conteúdo. Podes escolher não o usar se quiseres. No entanto, um botão "play" permite que você indique claramente que a imagem (animada ou não) é clicável e é direcionada para um vídeo.

O campo "Iniciar" permite determinar a partir de que hora/minuto/segundo do vídeo deseja capturar a imagem (animada ou não).

O campo "Duração" permite-lhe determinar a duração do seu GIF animado (entre 1 e 20 segundos). Quanto mais longo for o seu GIF, maior será o tamanho total do seu e-mail.

A opção "Repetir loop" permite-lhe reproduzir a sua animação em loop (opção ativada) ou pará-la no final da animação (desativada).

Uma vez concluídas estas operações, clique em "Gerar captura". Gerar um Gif animado pode levar vários segundos.

Lembre-se que alguns provedores de e-mail não suportam Gifs animados. Caso o formato não seja compatível, apenas a primeira imagem do seu GIF animado será exibida.

Texto

Este conteúdo permite inserir texto em um contêiner.

Depois de depositá-lo em um recipiente, várias ações permitem que personalize seu texto:

Quando clica no seu texto, um editor aparece e permite que aplique a maior parte da formatação do seu software usual de processamento de texto, incluindo (da esquerda para a direita):

Alterar fonte
Aumente / diminua o tamanho da fonte
Coloque cor no seu texto
Coloque em negrito
Coloque em Itálico
Coloque sublinhado
Bloqueando texto
Ponha em índice
Exposição
Aumente / diminua o espaçamento entre linhas
Alinhe o seu texto (esquerda, direita, centrada, justificada)
Insira uma lista
Inserir uma lista numerada
Insira um campo de personalização dinâmico
Aplique um estilo (Título 1, Título 2, Parágrafo)
Aplique uma cor de fundo no seu texto
Insira uma imagem flutuante dentro do seu texto
Insira um link
Exclua um link existente

Como outros conteúdos, pode mover, clonar ou excluir seus textos .

Espaço

Este conteúdo permite inserir espaçamento vertical em um recipiente.

Depois de deixá-lo cair em um recipiente, poderá fazer mais com esse tipo de conteúdo quando deslizar sobre ele: pode ajustar a altura desse espaço vertical, de um mínimo de 10 pixels para um máximo de 100 pixels.

Como outros conteúdos, pode mover, clonar ou excluí-lo.

Separador

Este conteúdo permite que insira um separador horizontal em um recipiente.

Depois de deixá-lo em um recipiente, há várias coisas que pode fazer sobre isso quando passa o mouse sobre ele:

Em particular, pode personalizar a cor, espessura e estilo do separador clicando no botão "Propriedades do separador".

Como outros conteúdos, pode movê-lo, clonar ou excluí-lo.

Título

Este conteúdo permite inserir um título em um contêiner.

Depois de soltá-lo em um recipiente, pode aplicar o mesmo tipo de formatação que faz para conteúdo de "Texto".

Lembrete: pode definir o estilo de todos os seus títulos diretamente na seção "Estilo" e "Configurações" no painel direito.

Altere a formatação do seu "título 1" (por exemplo) e marque a caixa "Aplicar em todos os itens" para alterar o estilo de todos os títulos de sua e-mail. Também é válido para mudar cascading Títulos 2, parágrafos, botões, cabeçalho e rodapé de seu e-mail.
Você notará que o gerenciamento de cores de seus textos não está incluído nesta seção, mas na seção "Distribuição de cores" (na seção Estilos no painel direito). Para alterar a cor de todo o seu "título 1", por exemplo, vá para esta seção

Como outros conteúdos, pode mover, clonar ou excluir seus títulos.

Botão

Este conteúdo permite que insira um botão em um recipiente.

Os botões são elementos essenciais do seu email para incentivar seu destinatário a agir. Este conteúdo permite que crie botões visíveis e atraentes.

Para inserir este conteúdo, clique nele e arraste e solte-o diretamente em uma das colunas do bloco de sua escolha. O contêiner fica destacado quando está prestes a adicionar seu botão para dizer que pode deixá-lo lá .

Para editar o texto do seu botão, selecione o texto atual e digite seu texto diretamente no botão.

Para acessar as propriedades, clique no botão, uma nova janela é aberta:

Aqui estão as propriedades que pode modificar para o seu botão:

Tipo de fonte de escrita
Tamanho da fonte
Cor do texto
Negrito
Itálico
Link
Tema de botão pré-formatado
Cor de fundo do botão
Cor da borda do botão
Espessura da borda do botão
Raio: permite que dê uma forma mais ou menos arredondada ao seu botão
Margem E / D: permite gerenciar as margens à esquerda e à direita do seu botão em relação ao conteúdo inserido
Margem S / I: permite gerenciar as margens na parte superior e inferior do seu botão em relação ao conteúdo inserido
Posição: permite alinhar o seu botão à esquerda, ao centro ou à direita do recipiente no qual seu botão está inserido.

Quando seus destinatários clicarem nesse botão, eles serão redirecionados para o link que definiu nesta janela.

Vários tipos de links podem ser inseridos:

Para uma página da Web: tem a opção de entrar na página da sua escolha. Digite o URL de destino no campo "{}" localizado abaixo do menu "link".
Para o formulário de inscrição: se não definiu um link de cancelamento de inscrição, pode inseri-lo em um botão, se desejar.
Para a versão on-line do e-mail: se não definiu um link para a cópia da web do seu e-mail, pode inseri-lo em um botão, se desejar.
Para um formulário publicado: permite redirecionar seus destinatários para um formulário criado anteriormente com Mailify Sunrise.

Como outros tipos de conteúdo, os botões podem ser duplicados, movidos ou excluídos usando os botões de ação que aparecem quando navega pelo conteúdo.

Redes sociais

Este conteúdo permite que insira links nas páginas de suas contas em redes sociais, para não confundir com o tipo de conteúdo "Compartilhar", que permite adicionar botões de compartilhamento nas redes sociais.

O conteúdo "Redes Sociais" permite que envie destinatários para a sua página do Facebook (por exemplo), enquanto o conteúdo "Compartilhar" permite aos seus destinatários compartilhar seus e-mails em suas próprias páginas do Facebook.

Para inserir este conteúdo, clique nele e arraste e solte-o diretamente em uma das colunas do bloco de sua escolha. O contêiner fica destacado quando está prestes a adicionar seu conteúdo para dizer que pode deixá-lo lá

Clique no botão "Editar redes sociais" para configurar os ícones a serem exibidos, bem como links para suas redes sociais:

Pequeno / Grande: permite gerenciar o tamanho de seus ícones
Redondo / Quadrado: permite gerenciar a forma dos seus ícones
Cinza / Cores: permite gerenciar a cor dos seus ícones
Alinhamento: permite que posicione seus ícones no lado esquerdo, no centro ou na direita do seu recipiente
Ícones ativos: permite adicionar ou remover ícones da rede social do seu conteúdo, marcando / desmarcando as caixas na frente de cada rede. Os campos de entrada aparecem na frente de cada ícone ativo para permitir que insira links nas contas em questão.

É possível adicionar muitas redes sociais no seu conteúdo:

Como outros tipos de conteúdo, as redes sociais podem ser duplicadas, movidas ou excluídas usando os botões de ação que aparecem quando navega pelo conteúdo.

Este conteúdo permite inserir botões de compartilhamento em redes sociais em um contêiner.

É possível configurar as redes sociais nas quais deseja que seus destinatários compartilhem seu conteúdo clicando no botão "Editar" quando se deslocam sobre seu conteúdo. Uma nova janela é aberta:

Há a opção entre Linkedin, Google+, Twitter e Facebook. Você pode optar por exibir essas 4 redes sociais, se desejar.

Pode escolher compartilhar um link para sua cópia da web (versão on-line do e-mail) ou para uma página da Web de sua escolha (neste caso, um campo "link" aparecerá e terá que inserir o URL de sua página neste campo).

Você pode personalizar o texto exibido na frente dos pictogramas de suas redes sociais: por padrão, o texto "compartilhar" é exibido, mas pode, por exemplo, escolher marcar "Compartilhar este e-mail no...". Você pode optar por não exibir texto excluindo-o. Depende das suas necessidades.

Também pode personalizar a formatação deste texto: fonte, tamanho, cor, negrito, itálico, sublinhado.

Pode personalizar a cor de fundo do seu conteúdo, bem como a cor e a espessura da borda deste bloco de conteúdo, bem como o seu raio (cantos mais ou menos arredondados).

Você pode gerenciar as margens esquerda e direita, depois a parte superior e inferior do seu conteúdo relativo ao recipiente no qual está inserido.

Finalmente, é possível gerenciar o alinhamento do conteúdo dentro do seu recipiente: esquerdo, centro ou direito dele.

Como outros tipos de conteúdo, o compartilhamento pode ser duplicado, movido ou excluído usando os botões de ação que aparecem quando o conteúdo é transmitido.

Feed RSS

Este conteúdo permite que insira o conteúdo de um feed RSS em um contêiner.

Depois de depositá-lo em um recipiente, clique em "editar" para indicar o link para o seu feed RSS e para personalizar o número de elementos a serem exibidos em seu e-mail:

No exemplo acima, o Mailify Sunrise pesquisará automaticamente os títulos dos últimos 3 elementos do seu feed RSS para exibi-los em seu e-mail.

Você pode inserir conteúdo "título" a fim de apresentar o conteúdo do seu feed RSS. Por exemplo "Nossos últimos artigos":

Como outros tipos de conteúdo, o feed RSS pode ser duplicado, movido ou excluído graças aos botões de ação que aparecem quando navega pelo conteúdo.

Imagem flutuante

Este conteúdo permite que insira uma imagem flutuante, ou seja, uma imagem cercada por outro conteúdo (geralmente texto) em um recipiente.

Ao pairar sobre a imagem, aparece um ícone que simboliza uma engrenagem. Clique na engrenagem para inserir uma imagem.

Aparece um menu suspenso solicitando que insira uma imagem. Os modos de inserção são idênticos aos descritos na seção relativa ao tipo de conteúdo "imagem".

Selecione a imagem de sua escolha com o método que melhor lhe convier.

Uma vez que sua imagem está inserida, um botão "propriedade" aparece no menu suspenso quando clica em sua imagem.

Clique neste botão para acessar as configurações deste:

Uma nova janela de configurações aparecerá na tela:

Retocar: permite acessar o editor de imagens Mailify Sunrise para fazer as correções desejadas
Largura / Altura: permite aumentar ou diminuir as dimensões da sua imagem. Um cadeado permite que aumente essas dimensões proporcionalmente (cadeado travado) ou desproporcionalmente (cadeado desbloqueado). No entanto, aconselhamos a evitar uma mudança desproporcional das dimensões da sua imagem, isso esticará ou esmagará sua imagem e tornará pouco atraente.
Alinhamento: permite que coloque sua imagem no canto superior esquerdo ou no canto superior direito do seu conteúdo textual.
Margem: permite que ajuste a margem em torno de sua imagem. Quanto menor a sua margem, mais próximo do texto será a sua imagem.
Link: permite que insira um link na sua imagem para torná-lo clicável pelos seus destinatários. Preencha o URL de sua escolha neste campo.
Legenda: adicione um texto alternativo à sua imagem. Este texto não será visível no Mailify Sunrise, mas no caso de as imagens do seu email não puderem ser carregadas pelo cliente de correio de alguns de seus destinatários, esse texto alternativo será exibido em vez da imagem. Descreva, na melhor das hipóteses, o que sua imagem representa no campo fornecido para esse fim.

Como outros tipos de conteúdo, a imagem flutuante pode ser duplicada, movida ou excluída usando os botões de ação que aparecem quando o conteúdo é transmitido.

Google Maps

Este conteúdo permite que insira um mapa (gerado pelo Google Maps) em um contêiner.

Depois de soltar o conteúdo do Google Maps em um recipiente, uma janela é exibida. Digite seu endereço no campo fornecido para este fim:

Google map into an email

Clique em Gerar plano para validar a criação da imagem do mapa do Google Maps.

Não é um mapa interativo, mas instantâneo da localização do endereço especificado.

Um botão "Editar imagem" permite acessar as configurações da imagem.

Dimensões: se "largura total" for selecionada, a imagem ocupará 100% da largura máxima alocada, ou seja, 100% da largura do recipiente Se "personalizado" estiver selecionado, pode ajustar a largura e a altura da sua imagem conforme desejar. O cadeado permite que ajuste as dimensões da largura proporcionalmente às da altura para não esticar ou esmagar sua imagem. Você pode desbloquear o cadeado para ajustar a largura ou altura independentemente um do outro, mas isso não é aconselhável por razões estéticas.

Alinhamento: uma vez que seu tamanho de imagem é ideal para você, a opção "Alinhamento" permite que posicione sua imagem para a esquerda, direita ou centro do seu contêiner. A opção de alinhamento só está disponível se escolheu uma dimensão personalizada (no caso de uma dimensão de "largura total" a questão de alinhamento do seu mapa não ocorre porque ocupa toda a largura do seu recipiente).

Link: Você pode fazer a imagem do seu mapa clicável inserindo um link, por exemplo, pode enviar seus destinatários para as informações do seu endereço no Google Maps para que possam navegar nela e, se necessário, desenhar um itinerário. a partir da sua localização atual (este é o link padrão que é inserido pelo Mailify Sunrise) Você também pode optar por enviá-los de volta ao seu site. Você pode personalizar o link conforme entender.

Legenda: adicione um texto alternativo à sua imagem. Este texto não será visível no Mailify Sunrise, mas no caso de as imagens do seu email não puderem ser carregadas pelo cliente de correio de alguns de seus destinatários, esse texto alternativo será exibido em vez da imagem. Descreva, na melhor das hipóteses, o que sua imagem representa no campo "legenda". No caso da sua imagem do Google Maps, pode, por exemplo, lembrar o endereço que usou para gerar seu mapa.

Como outros tipos de conteúdo, o Google Maps pode ser duplicado, movido ou excluído graças aos botões de ação que aparecem ao pairar sobre o conteúdo.

Artigo do Wordpress

Este conteúdo permite-lhe automatizar a construção da sua newsletter a partir dos artigos do seu blog. Você deve primeiro configurar o conector Wordpress https://www.sarbacane.com/help/integration/connecteurs/connecteur-wordpress

Código HTML

Você pode inserir um conteúdo de código HTML diretamente na sua campanha de e-mail. Você tem a possibilidade de inserir ou copiar e colar o seu código no conteúdo. Isso dá-lhe mais controlo e flexibilidade sobre o design e a estrutura dos blocos. No entanto, é necessário dominar a integração de e-mail HTML para usar esse tipo de conteúdo.

Estilo

A seção "Estilos", localizada no painel direito do EmailBuilder, permite que aplique um estilo predefinido (cores, layout) para seu e-mail e personalize esse estilo como quiser, seja qual for a modelo que usou.
Como uma folha de estilo CSS, pode modificar "cascata" múltiplos elementos da mesma classe em um clique (por exemplo, altere o estilo de todos os seus botões ou todos os seus "H1").

Esta seção é composta por 4 submenus:

Layout: permite que aplique no seu modelo um layout predefinido entre 4 estilos distintos.
Temas: permite que aplique uma paleta de cores predefinida aos elementos do seu email entre 17 temas distintos.
Distribuição de cores: personalize as cores do seu tema para cada elemento do seu email (fundo, fontes, bordas, títulos etc.)
Configurações gerais: este é mais o layout geral do seu email, bem como as configurações de exibição do seu espaço de trabalho.

Disposición

4 estilos pré-formatados pelo Mailify Sunrise permitem que dê em 1 clique um design atraente para seu e-mail:

Estilo "plano de fundo"	Estilo "Fundo colorido"


Estilo "Blocos de cores alternativas"	Estilo "Blocos de largura total"

Você pode ajustar a cor do fundo, bem como as cores dos blocos, graças aos diferentes temas predefinidos e cores personalizáveis do "estilos" menu .

Temas

Os 17 temas de cores do Mailify Sunrise são layouts pré-formatados que pouparão tempo ao projetar seus emails.

Colors

Esses temas aplicam paletas de cores consistentes ao seu e-mail. Se uma das cores de um tema não se adequar a você, pode alterá-lo a qualquer momento através da seção Distribuição de cores ""enquanto mantém as outras cores do tema selecionado.

Você é livre para personalizar seu tema com as cores da sua marca.

Distribuição de cores

A seção "Distribuição de cores" permite que altere "em cascata" o estilo gráfico dos diferentes elementos do seu e-mail.

Esta é de uma forma a folha de estilo CSS do seu e-mail: pode alterar o estilo de todos os seus botões, todos os seus links ou todos os seus títulos em um clique a partir desta interface.

CSS emailing

Isso deve poupar tempo, especialmente quando quer mudar o estilo gráfico de seu email completamente.

Isso salvará ter que modificar um a um o estilo de cada elemento do seu template.

Configurações gerais

As configurações gerais permitem que defina seu espaço de trabalho (exibição da versão móvel ou não), mas especialmente para personalizar os principais elementos do seu email (cabeçalho, rodapé, contêiner geral, estilo geral): para saber mais sobre as configurações gerais, clique aqui.

Settings

Editor de imagens

O editor de imagens permite que corrija e melhore suas imagens diretamente no Mailify Sunrise, sem ter que passar por um software de processamento de imagem de terceiros (como o Photoshop).

Image editor

Para acessar o editor de imagem integrado, um botão "Retocar" está presente na maioria das imagens que inseriu no Mailify Sunrise. Clique neste botão para abrir o editor.

Para saber mais sobre os diferentes recursos do editor de imagens, clique aqui.

Copia Web

"A cópia on-line, também chamada de "link de espelho", corresponde à versão disponível em um navegador da Web de seu e-mail.

Você pode, a qualquer momento, decidir ocultar a cópia da web do seu email, desativando o cabeçalho nas configurações gerais do seu e-mail.

Isso não é recomendado, já que alguns clientes de e-mail podem bloquear o carregamento de imagens, e pode ser útil redirecionar seus destinatários para uma versão baseada na web que lhes permita visualizar seu conteúdo se eles estiverem interessados.

Você não precisa inserir a cópia da web no topo do seu e-mail. Também é aconselhável personalizar seu pré-cabeçalho para otimizar o início do conteúdo da sua mensagem para evitar que o destinatário comece a ler sua mensagem por: "Se esta mensagem não aparecer, clique em ...". O objetivo desta otimização semântica é aumentar a taxa de abertura do seu email. O costume, no entanto, é que coloquemos a cópia da web após o pré-cabeçalho, para encontrá-la facilmente.

Você pode inserir um link para sua cópia da web onde quiser. Clique em "adicionar um link" depois de selecionar o item de sua escolha (muitas vezes texto). Em seguida, no menu drop-down escolha ""para a versão on-line""

Cancelamento

Como a cópia da web, pode ocultar o link de cancelamento de inscrição que é inserido automaticamente quando abre o EmailBuilder. Isso é fortemente desencorajado, porque é proibido enviar e-mails não solicitados para seus destinatários e tem a obrigação de permitir que eles se retraiam de discussão a qualquer momento.

Para inserir um link de cancelamento de inscrição, selecione o elemento no qual deseja inserir seu link e clique em "adicionar um link" (é aconselhável inserir seu link em um texto explícito para ser transparente com seus usuários sobre sua política de exclusão).

Aparece uma nova janela, selecione o tipo "para o formulário de cancelamento de inscrição (obrigatório)":

Para saber mais sobre os links de cancelamento de inscrição e as listas de cancelamento, clique aqui.

Começar do zero

Você não está satisfeito com sua criação? Você quer começar do zero?

Um botão "Começar do zero" localizado no canto superior direito do EmailBuilder permite que redefina seu trabalho na criação atual.

Ao clicar, tudo o que fez é apagado e deve começar de novo a partir de uma página em branco.

Como esta é uma decisão crítica"", será requisitada uma confirmação para substituir seu email atual.

Você terá todo o tempo para dar vida às suas idéias, inserindo novos blocos e conteúdos, ou a partir de um template existente!

Voltar ao topo da página

Suite

Forms

Campaigns

Landing pages

Engage

Contatos

Chat

Sendkit

Como se usa o EmailBuilder do Mailify?

Navegação rápida

Acesso ao EmailBuilder

Modos de criação

Templates

Dashboard

Configurações gerais

Blocos

Configurações de fundo

Configurações da borda

Configurações de margens

Parâmetros de alinhamento vertical

Conteúdos

Imagem

Video

Texto

Espaço

Separador

Título

Botão

Redes sociais

Compartilhar

Feed RSS

Imagem flutuante

Google Maps

Artigo do Wordpress

Código HTML

Estilo

Disposición

Temas

Distribuição de cores

Configurações gerais

Editor de imagens

Copia Web

Cancelamento

Começar do zero