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

Vídeo do Youtube: Crie conteúdo de e-mail envolvente em minutos com o editor de e-mail Drag & drop da Pushwoosh

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.

Nota

Prefere HTML? Use o editor de código HTML da Pushwoosh para ter mais controle. Saiba mais

Importante

Antes de começar a criar o conteúdo do e-mail, é essencial configurar corretamente seu e-mail no editor que você escolher. Isso envolve configurar idiomas, especificar a linha de assunto, fornecer informações do remetente e muito mais. Aprenda como fazer.

No editor de e-mail Drag & drop, você pode começar do zero ou selecionar a partir de uma variedade de modelos pré-desenhados. 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.

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 únicos 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ê procure imagens de banco de imagens ou gere imagens únicas 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 tanto para colunas quanto para 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 carregar uma imagem, selecionar uma de um banco de fotos ou fornecer uma URL de imagem personalizada.

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 para cancelar 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ítulos.

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

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.

Quando você clica 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 da barra de ferramentas. Para isso, basta escolher Merge tags e, no menu suspenso, escolher 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 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.

Quando você clica no texto, uma barra de ferramentas aparecerá, fornecendo opções para formatar o 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 carregar uma imagem, clique em Carregar Imagem no painel direito.
• Adicione um link para uma imagem que 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 únicas que você 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 que fez 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 uma 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 a 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 desktop.

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:

1. Arraste o elemento Temporizador para o layout do seu e-mail ou mensagem.
2. Defina a data e hora de término para a contagem regressiva.
3. Escolha o fuso horário para que a contagem regressiva seja exibida corretamente para o seu público.
4. Selecione um idioma para os rótulos das unidades de tempo (dias, horas, minutos, segundos).
5. Ative ou desative os rótulos dependendo se você deseja mostrar os nomes das unidades.
6. 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.

No menu suspenso Tipo de ação, escolha:

• Abrir site
• Link para gerenciar preferências
• Link para cancelar inscrição
• Link da versão web
• Não rastrear estatísticas

Abrir site

Selecione esta opção para inserir um hiperlink que direciona o destinatário para um site externo. Quando clicado, 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 ao qual você deseja vincular.

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 para gerenciar preferências

Selecione esta opção para adicionar um link para o centro de preferências de inscrição onde os destinatários podem escolher quais categorias de e-mail recebem. O link será inserido automaticamente.

Link para cancelar inscrição

Inclua um link para cancelar a inscrição em seu e-mail para que os destinatários possam optar por sair, de acordo com os regulamentos e suas preferências.

Para adicionar o link de cancelamento de inscrição:

1. Destaque o texto que você deseja usar como link.
2. Clique no ícone Link na barra de ferramentas de formatação.
3. Na janela Inserir/Editar Link, selecione Link para cancelar inscrição no menu suspenso Tipo de ação.
4. Opcionalmente, insira uma URL em Redirecionar (opcional) para enviar os usuários para sua própria página após o cancelamento da inscrição.
5. Clique em Salvar.

Além disso, você pode adicionar o link diretamente no bloco HTML:

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

O placeholder %%PW_EMAIL_UNSUBSCRIBE%% é substituído pela URL de cancelamento de inscrição da Pushwoosh quando o e-mail é enviado.

O que acontece quando o destinatário clica no link

Quando o centro de preferências de inscrição está ativado, o usuário cancela a inscrição apenas da categoria atribuída a esse e-mail (por exemplo, Newsletter). Uma tela de confirmação aparece com Reinscrever e Gerenciar preferências. Saiba mais.

Quando o centro de preferências de inscrição não está ativado, o usuário opta por sair de todos os e-mails de marketing.

Importante

Para permitir que você entregue e-mails importantes aos seus clientes, não excluímos usuários que cancelaram a inscrição da sua base de usuários. Para usuários que seguiram o link de cancelamento de inscrição de seus e-mails, a tag padrão E-mails com Inscrição Cancelada é definida como ‘true’.

Considere criar um segmento de usuários que não cancelaram a inscrição (valor da tag ‘false’) para continuar enviando mensagens para eles. Para evitar reclamações, não envie e-mails para usuários que cancelaram a inscrição.

Os cliques são contados na taxa de cancelamento de inscrição no Histórico de Mensagens.

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.

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.

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.

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

2. 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.

Após 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 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 Visualizar localizado na parte inferior do editor. Aqui, você pode ver pré-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údos 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.

Nota

Se o KYC (Know Your Customer) não estiver concluído, você ainda pode enviar e-mails de teste verificando um endereço de e-mail de teste. Para fazer isso, vá para a seção Dispositivos de Teste, adicione o endereço de e-mail que deseja usar para testes e conclua o processo de verificação.

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

Na janela que se abre:

1. 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 tiver sido concluído, você precisará selecionar um endereço de e-mail verificado da lista de endereços de teste em vez de inserir um e-mail.

2. 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:

• City (string): Nova York
• Favourite_category (string): Sushi
• First name (string): João

3. 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.