Crie conteúdo de e-mail com o editor Drag & drop

O editor de e-mail Drag & drop permite que você crie e-mails facilmente, sem precisar de habilidades de programação ou design. Ele oferece uma ampla gama de elementos de conteúdo e layouts adaptados às suas necessidades específicas.

No editor de e-mail Drag & drop, você pode começar do zero ou selecionar a partir de uma variedade de modelos pré-concebidos. Existem modelos prontos para cenários comuns, como carrinhos abandonados, lembretes de compromissos, confirmações de pedidos e reengajamento. Você pode editar e personalizar facilmente esses modelos para atender às suas necessidades.

Se você prefere controle total sobre o seu design, escolha Modelo em branco para construir um e-mail completamente personalizado do zero.

Selecione o modelo de e-mail no editor da Pushwoosh

Abas principais no editor Drag & Drop

O editor Drag & drop é composto por quatro abas principais:

Conteúdo

Esta aba permite que você construa o layout de um e-mail inserindo vários elementos de conteúdo.

Blocos

Crie layouts exclusivos usando blocos prontos. Você pode adicionar quantos precisar ao seu e-mail para um visual personalizado.

Corpo

Nesta aba, você gerencia as configurações gerais do seu e-mail, incluindo o pré-cabeçalho, texto e formatação de links.

Imagens

Esta aba permite que você pesquise imagens de banco de imagens ou gere imagens exclusivas usando IA.

Personalize o layout do e-mail

Primeiro, vá para a aba Blocos para fornecer uma estrutura básica para o seu e-mail.

O editor de e-mail Drag & drop oferece a flexibilidade de ajustar o layout de um e-mail às suas necessidades. Você pode adicionar quantas linhas precisar, com diferentes números de colunas.

Para construir o layout de um e-mail, arraste e solte os blocos do painel do editor para o corpo do e-mail.

Na aba Blocos, você tem a opção de especificar propriedades para colunas e linhas.

Para Colunas, você pode personalizar o seguinte:

Cor de fundo
Preenchimento
Borda

Para Linhas, você pode especificar o seguinte:

Cor de fundo
Cor de fundo do conteúdo
Imagem de fundo. Você pode fazer o upload de uma imagem, selecionar uma de um banco de fotos ou fornecer um URL de imagem personalizado.

Crie o conteúdo do e-mail

Depois de construir a estrutura básica do seu e-mail, é hora de começar a adicionar conteúdo.

Na aba Conteúdo, você pode inserir vários elementos de conteúdo em seu e-mail, incluindo:

Título
Texto
Imagem
Botão
HTML
Divisor
Menu
Link de cancelamento de inscrição

Para incluir esses elementos de conteúdo em seu e-mail, basta selecionar um elemento do menu e arrastá-lo para o e-mail à esquerda.

Adicione um título

Para inserir um título, basta arrastar o elemento Título para o corpo do e-mail.

Você pode escrever seu título ou usar nossa ferramenta Smart Headings AI para ajudá-lo a gerar títulos eficazes. Para fazer isso, clique em Obter Sugestões e digite algumas palavras. A ferramenta fornecerá várias opções de título.

Além disso, você pode selecionar o tom de voz desejado para o seu título.

Escolha o tom para o título gerado por IA

Se você não estiver satisfeito com os resultados ou precisar de mais opções de título para escolher, basta clicar no botão Atualizar.

Ao clicar no título no corpo do e-mail, uma barra de ferramentas de formatação aparece, permitindo que você escolha estilos de formatação, adicione links ou adicione alguns emojis.

Personalize o título

Você também pode personalizar seu título diretamente na barra de ferramentas. Para isso, basta escolher Merge tags e, no menu suspenso, selecionar a tag que deseja incorporar ao seu título.

No painel direito, você também tem a flexibilidade de ajustar várias configurações de texto, como:

Nível do título
Família, peso e tamanho da fonte
Cor do texto
Alinhamento do texto
Altura da linha
Estilos de link
Preenchimento
Design responsivo e muito mais.

Adicione texto

Para incluir texto em seu e-mail, arraste o elemento Texto para o corpo do e-mail e digite ou cole seu texto. Se estiver colando conteúdo, você pode escolher se deseja manter ou remover a formatação do seu texto.

Ao clicar no texto, uma barra de ferramentas aparecerá, fornecendo opções para formatar o texto.

Barra de ferramentas de formatação de texto

Personalize o texto

Para personalizar seu texto, clique em Merge tags na barra de ferramentas e escolha a tag que deseja incluir no menu suspenso.

Para melhorar a qualidade da sua escrita com IA, selecione Smart Text na barra de ferramentas e escolha uma maneira específica como você gostaria que a IA o ajudasse com seu texto.

Adicione imagens

Para inserir um elemento de imagem em seu e-mail, arraste o elemento Imagem para onde você deseja em seu e-mail.

Você tem várias opções para adicionar uma imagem:

Para fazer o upload de uma imagem, clique em Fazer Upload da Imagem no painel direito.
Adicione um link para uma imagem que você deseja usar no campo URL da Imagem.
Para selecionar uma imagem de um banco de fotos, clique em Mais Imagens e escolha Banco de Fotos para encontrar a foto desejada.

Você também pode utilizar a ferramenta Magic Image AI para gerar as imagens exclusivas de que precisa.

Para adicionar efeitos às suas imagens, clique em Aplicar Efeitos no painel direito. Na janela pop-up, selecione o efeito desejado para a imagem e clique em Salvar para aplicá-lo.

Você também pode revisar o histórico de alterações feitas na imagem e revertê-las clicando no ícone Histórico localizado na parte superior.

Adicione botões

Para incluir um botão em seu e-mail, arraste o elemento Botão do painel direito do editor.

Você pode inserir o texto do seu botão personalizado ou usar a ferramenta Smart Buttons AI para gerar o texto para você.

Em seguida, especifique o tipo de ação para o botão quando ele for clicado e forneça um URL e uma aba de destino.

Além disso, você tem a opção de configurar as opções do botão, preferências de espaçamento e configurações de design responsivo.

Adicione HTML

Você também tem a opção de incorporar código HTML em seu e-mail. Para fazer isso, arraste o elemento HTML para a esquerda e insira o código no campo HTML no painel direito.

Adicione menus

Você pode incorporar um menu interativo em seu e-mail para otimizar a navegação e aumentar as taxas de cliques, oferecendo aos destinatários um método organizado e envolvente para explorar seu conteúdo.
Para fazer isso, arraste o elemento Menu para o corpo do e-mail e inclua os itens do menu. Em seguida, especifique o texto para cada item do menu, insira o URL e selecione a aba de destino.

Você também pode personalizar estilos, ajustar o preenchimento do contêiner e decidir se deseja exibir o menu em dispositivos móveis ou desktops.

Adicione divisores

Para tornar seu e-mail bem estruturado e enfatizar os blocos mais importantes, use Divisores. Um divisor é uma linha que você pode colocar entre blocos de elementos.

Para adicionar um divisor, arraste o elemento Divisor do painel direito e personalize sua aparência.

Adicione um temporizador

O elemento de temporizador permite que você mostre uma contagem regressiva para ofertas por tempo limitado ou eventos futuros. É uma ótima maneira de criar urgência e incentivar os usuários a agir antes que o tempo acabe. Para adicionar um temporizador:

Arraste o elemento Temporizador para o layout do seu e-mail ou mensagem.
Defina a data e a hora de término da contagem regressiva.
Escolha o fuso horário para que a contagem regressiva seja exibida corretamente para o seu público.
Selecione um idioma para os rótulos das unidades de tempo (dias, horas, minutos, segundos).
Ative ou desative os rótulos, dependendo se você deseja mostrar os nomes das unidades.
Personalize a aparência do temporizador para combinar com o seu design.

Adicione links

Para adicionar um link ao seu e-mail, selecione o texto onde deseja inserir o link e clique no ícone de link na barra de ferramentas.

Ao adicionar ou editar um link em seu e-mail, você tem várias opções para definir o comportamento do link. As ações disponíveis incluem:

Abrir site
Link da versão web
Não rastrear estatísticas
Link de cancelamento de inscrição

Abrir site

Selecione esta opção para inserir um hiperlink que direciona o destinatário para um site externo. Ao clicar, o destinatário será levado para a página da web específica que você especificar.

No campo URL, insira o endereço web completo do site para o qual você deseja criar o link.

Defina a opção Destino para definir como o link será aberto:

Nova Aba: O link abre em uma nova aba do navegador.
Mesma Aba: O link substitui a página atual na mesma aba.

Link da versão web

Selecione esta opção para dar aos destinatários acesso a uma versão web do seu e-mail, o que pode ser útil se os destinatários tiverem dificuldades para visualizar o e-mail em sua caixa de entrada.

Para habilitar este recurso, por favor entre em contato com nossa equipe de suporte.

Não rastrear estatísticas

Use esta opção se você não quiser que o sistema rastreie cliques ou interações com o link. Nenhum dado de rastreamento será registrado quando os destinatários interagirem com este link.

Link de cancelamento de inscrição

Certifique-se de incluir um link de cancelamento de inscrição em seu e-mail para fornecer aos destinatários uma opção de cancelar facilmente o recebimento de futuras comunicações, em conformidade com as regulamentações e para respeitar suas preferências em relação ao recebimento de e-mails.

Se você deseja incluir o cancelamento de inscrição diretamente via HTML em seu e-mail, adicione o Link de cancelamento de inscrição ao seu e-mail da seguinte forma:

<a href=%%PW_EMAIL_UNSUBSCRIBE%%> Unsubscribe </a>

O valor do atributo %%PW_EMAIL_UNSUBSCRIBE%% será substituído pelo link de Cancelamento de Inscrição da Pushwoosh no momento em que você enviar a mensagem de e-mail. Quando os destinatários seguem o link, eles cancelam a inscrição de seus e-mails e são contabilizados na taxa de cancelamento de inscrição para aquela mensagem de e-mail específica no Histórico de Mensagens.

Código HTML para o link de cancelamento de inscrição

Você tem a flexibilidade de criar um link de cancelamento de inscrição personalizado usando qualquer texto em seu e-mail. Isso direcionaria os usuários para uma página Sua inscrição foi cancelada com sucesso.

Veja como criar um link de cancelamento de inscrição personalizado:

Destaque o texto que você deseja usar como link de cancelamento de inscrição.
Clique no ícone de Link na barra de ferramentas de formatação.
Na janela pop-up, selecione a opção Link de cancelamento de inscrição no menu suspenso Tipo de ação.

Adicione um pré-cabeçalho

Na aba Corpo, você tem a opção de incluir um pré-cabeçalho, que é um texto de resumo conciso que aparece após a linha de assunto quando os destinatários visualizam o e-mail em sua caixa de entrada.

Defina o texto do pré-cabeçalho do e-mail

Salve blocos de conteúdo para uso futuro

Ao projetar o conteúdo do seu e-mail, você pode salvar blocos de conteúdo específicos para uso futuro.

Depois de finalizar o bloco, clique na opção Salvar Bloco.

Na janela pop-up, insira um nome de categoria para organizar seus blocos (por exemplo, “Promoções”, “Newsletters”). Adicione Tags relevantes, separadas por vírgulas (por exemplo, “venda, desconto, verão”), para ajudar a categorizar e pesquisar seus blocos.

Depois de inserir a categoria e as tags, clique no botão Salvar para armazenar o bloco para uso futuro.

Agora você pode acessar seus blocos salvos na seção Blocos do editor de e-mail. Isso permite que você reutilize o conteúdo em diferentes campanhas de e-mail facilmente.

Configure as configurações gerais de conteúdo

Além disso, na aba Corpo, você pode configurar as configurações gerais do seu e-mail, incluindo elementos como cor do texto, cor de fundo, largura do conteúdo, alinhamento, família e peso da fonte, etc.

Acesse uma vasta biblioteca de imagens

Na aba Imagens, você tem acesso a uma vasta biblioteca de imagens do Unsplash, Pexels e Pixabay, todas licenciadas sob Creative Commons Zero. Você também pode gerar imagens personalizadas usando a ferramenta Magic Images.

Para incorporar uma imagem em seu e-mail, basta arrastá-la para o local desejado à direita.

Visualize e salve seu e-mail

Quando o conteúdo do seu e-mail estiver pronto, você pode ver como ele ficará clicando no ícone de Visualização localizado na parte inferior do editor. Aqui, você pode ver as visualizações para desktop, tablet e dispositivos móveis, bem como verificar como seu e-mail ficará nos modos Escuro e Claro.

Depois de terminar de criar seu e-mail, clique no botão Salvar localizado na parte superior do editor.

Na janela pop-up, dê um nome claro ao seu e-mail, que pode ser o mesmo da sua linha de assunto. Além disso, crie um rótulo para ajudá-lo a encontrar facilmente seu e-mail na lista de conteúdo de e-mail. Se você ainda não configurou os detalhes do remetente, certifique-se de fazer isso também. Em seguida, clique em Salvar.

Agora que o conteúdo do seu e-mail está pronto, ele pode ser usado em campanhas de e-mail. Saiba mais sobre como usá-lo

Envie um e-mail de teste

Antes de enviar sua campanha de e-mail, você pode enviar um e-mail de teste para visualizar como o conteúdo aparecerá nas caixas de entrada dos destinatários. Isso permite que você revise o layout, o conteúdo e quaisquer elementos personalizados para garantir a precisão antes de finalizar a campanha. Se necessário, ajuste o conteúdo com base nos resultados do teste.

Para enviar um e-mail de teste, clique em E-mail de teste no editor de e-mail.

Na janela que se abre:

No campo Endereço de e-mail, insira o endereço de e-mail onde deseja receber o e-mail de teste.

Se o KYC não foi concluído, você precisará selecionar um endereço de e-mail verificado na lista de endereços de teste em vez de inserir um e-mail.

Selecione o endereço de e-mail de teste verificado

Se o seu e-mail incluir campos de conteúdo dinâmico (como first name, city ou favourite_category), você pode visualizar como a personalização aparecerá inserindo valores de teste manuais. Ative os campos que deseja testar e insira valores de amostra.

Por exemplo:

Cidade (string): Nova York

Categoria_favorita (string): Sushi

Primeiro nome (string): João

Insira valores de teste para personalização

Depois de preencher os detalhes necessários, clique em Enviar e-mail de teste para enviar a mensagem de teste para o endereço de e-mail fornecido.