Editor de conteúdo de e-mail Stripo com interface de arrastar e soltar

Publicado em: 18 de outubro de 2024 · Última atualização: 12 de setembro de 2026 · Por Marcus Biel

O editor de conteúdo de e-mail da Maildroppa facilita a criação de e-mails profissionais. Com a interface de arrastar e soltar, você cria o design e personaliza suas campanhas de e-mail rapidamente. É simples de usar e ajuda a transmitir sua mensagem com eficácia.

Visão geral do editor

Área de conteúdo

Localizada à esquerda, a área de conteúdo é o espaço de trabalho principal, onde você cria e visualiza o conteúdo do e-mail em tempo real. Essa parte do editor exibe todas as alterações feitas, mostrando imediatamente como o e-mail está ficando.

Área de configurações

Localizada à direita, a área de configurações tem duas abas: Content (conteúdo) e Appearance (aparência). Nela, você configura vários aspectos do e-mail, desde a estrutura do layout até os detalhes de design e formatação. Vamos explorar a área de configurações em mais detalhes adiante neste artigo.

Neste guia, vamos criar uma campanha de e-mail do zero, sem usar um modelo predefinido.

Área de conteúdo

Ao abrir o editor, você verá um grande retângulo cinza-claro que serve como área de criação do layout e do conteúdo do e-mail. Na parte superior central, um retângulo branco menor contém um retângulo azul-claro, que representa a estrutura básica de um e-mail e serve como espaço reservado para o conteúdo.

Entenda as estruturas

As estruturas são elementos fundamentais que definem o layout do e-mail. Elas funcionam como contêineres para os blocos de conteúdo, organizando o e-mail em seções lógicas, como cabeçalho, corpo e rodapé. Inicialmente, são apenas armações que abrigam os blocos de conteúdo que darão forma ao design do e-mail.

Adicione conteúdo às estruturas

No centro da área azul-clara, a indicação "Drop Content Here" (solte o conteúdo aqui), acompanhada de uma seta para baixo, mostra onde adicionar elementos.

Ao passar o cursor sobre essa área, aparecem os ícones:

1. Image (imagem)
2. Text (texto)
3. Button (botão)

Ao selecionar um desses ícones, a estrutura se transforma no bloco de conteúdo correspondente, pronto para personalização imediata.

Crie o layout do e-mail

Aprimore seu e-mail com o conjunto completo de elementos disponíveis na aba Content da área de configurações:

• Image: Insira imagens para tornar o e-mail visualmente mais interessante.

• Text: Adicione texto personalizável para transmitir sua mensagem.

• Button: Inclua botões com chamadas para ação que incentivem os destinatários a interagir.

• Spacer: Use espaçadores para criar um respiro visual entre os elementos.

• Video: Incorpore vídeos para oferecer conteúdo dinâmico.

• HTML: Insira HTML personalizado para atender a necessidades específicas de conteúdo.

Esses elementos permitem criar designs de e-mail versáteis, que atendem a diferentes necessidades de conteúdo e melhoram a aparência e a funcionalidade das campanhas.

Gerencie as estruturas

Gerenciar bem as estruturas é essencial para organizar o conteúdo dos e-mails de forma eficaz.

Edite uma estrutura

Ao passar o cursor sobre a área azul da estrutura, aparecem o rótulo "Structure" (estrutura) e um pequeno rótulo cinza com três pontos brancos à direita, que oferece as opções:

• Move: Mova a estrutura para outra posição no e-mail.
• Copy: Duplique a estrutura.
• Delete: Exclua a estrutura.

Observação: A estrutura original não pode ser excluída, pois é necessário manter pelo menos uma estrutura.

Mova e copie estruturas

Para ajustar a posição de uma estrutura ou duplicá-la:

1. Clique no ícone Move ou Copy e mantenha o botão do mouse pressionado.
2. Arraste até o local desejado e espere aparecer a indicação "Drop Here" (solte aqui).
3. Solte o botão do mouse para posicionar a estrutura.

Exclua uma estrutura

Para remover uma estrutura excedente:

1. Passe o cursor sobre a estrutura.
2. Clique nos três pontos brancos.
3. Selecione o ícone Delete.

Adicione novas estruturas

Amplie o layout adicionando mais estruturas:

• Pelo ícone de adição: Clique no sinal de adição que aparece ao passar o cursor sobre uma estrutura existente para escolher entre layouts de estrutura predefinidos.

• Pela área de configurações: Na aba Content, escolha uma estrutura, arraste e solte no layout.

Na próxima seção, vamos explorar a área de configurações em profundidade, detalhando as ferramentas e opções disponíveis para refinar o design dos e-mails e ajustar cada elemento para melhorar suas ações de email marketing.