Precisa de ajuda para começar a usar seu marketing por e-mail? Solicite um modelo gratuito hoje!
Escolha um dos nossos modelos de e-mail pré-concebidos e vamos personalizá-lo para o seu negócio! Quando o design estiver concluído, você poderá usar o modelo como ponto de partida para todas as campanhas criadas posteriormente. Este serviço usa nosso criador de emails drag-and-drop, facilitando para você modificar o modelo conforme necessário.
Com o Designer Clássico da ActiveCampaign, você pode usar blocos de design de arrastar e soltar para criar belas campanhas, e-mails de automação e modelos sem precisar saber o código.
Tipos de blocos de design de e-mail no Designer Clássico
Os blocos de design de e-mail são blocos de construção que você pode usar para criar suas campanhas, e-mails de automação e modelos de e-mail. Eles estão disponíveis com o designer de e-mail de arrastar e soltar.
Você pode usar qualquer um desses blocos para criar e personalizar seu email ou modelo de email.
Os blocos de design de e-mail incluem:
| Bloco nome | Nível de plano disponível | Descrição |
|---|---|---|
| bloco de texto | Tudo | Use isso para adicionar texto ao seu e-mail ou modelo de e-mail. Depois de adicionar um bloco de texto ao seu e-mail, clique no bloco de texto para revelar a barra de ferramentas de edição. A partir daí, você pode alterar a fonte, o tamanho, a cor e o alinhamento do texto. Você também pode adicionar links e tags de personalização. Na guia "Opções" à direita, você pode alterar a altura da linha (o espaço entre cada linha), a cor do plano de fundo e ajustar o preenchimento e as margens. |
| Imagem | Tudo | Use isso para adicionar uma imagem ou gif ao seu e-mail ou modelo de e-mail. Você também pode usar o editor de imagens para modificar quaisquer imagens que você deseja usar em seus e-mails. |
| Botão | Tudo | Use esse bloco para destacar um call-to-action em seu e-mail. A guia "Opções" no menu à direita permitirá que você altere o texto e adicione seu link. Você também pode ajustar a cor, o tamanho e a forma do botão ao seu gosto. |
| Vídeo | Tudo | Use isso para vincular a um vídeo em seu e-mail. O bloco irá gerar uma captura de tela do seu vídeo e exibi-lo em seu e-mail com um botão de reprodução. Quando os contatos receberem seu e-mail, eles poderão clicar no botão de reprodução e seu vídeo será aberto em uma nova guia ou janela no navegador deles. |
| Quebra de linha | Tudo | Use esse elemento de design para adicionar uma quebra de linha horizontal entre os blocos de conteúdo. |
| Espaçador | Tudo | Use este elemento de design compatível com dispositivos móveis para adicionar um espaço em branco entre seus blocos de conteúdo. |
| Feed RSS | Tudo | Use isso para inserir seu feed RSS em seu e-mail. Esse bloqueio facilita o compartilhamento automático de notícias e novas postagens de blog com seus contatos. |
| Ligações sociais | Tudo | Use isso para adicionar seus links de mídia social ao seu e-mail. Isso permitirá que os destinatários compartilhem sua mensagem em suas redes sociais. |
| .HTML | Tudo | Use isso para adicionar seu próprio código HTML personalizado ao seu e-mail. Por exemplo, você pode usar isso para incluir um relógio de contagem regressiva. |
| Produtos | Além disso, Empresa Profissional | Esse bloco aparecerá como um bloco de desgin que você pode adicionar a qualquer e-mail de automação. Observe que você deve ter a integração do Shopify Deep Data configurada em sua conta para usar esse bloco. Esse bloco pode exibir os seguintes itens para produtos em sua loja conectada da Shopify:
|
| Carrinho abandonado | Plus, Profissional, Empresa | Disponível apenas com e-mails de automação. Esse bloqueio aparecerá ao criar e-mails para qualquer automação que use o gatilho "Abandona o carrinho". |
| Conteúdo preditivo | Profissional e Empresarial | Este bloco irá ajudá-lo a enviar o conteúdo certo para os contatos certos para aumentar a sua taxa de cliques. |
Adicionar e mover blocos de design de e-mail
Adicionar blocos de design
Adicionar blocos de design ao seu e-mail é fácil. Para fazer isso, arraste o bloco que você deseja usar do menu direito para o seu design.
Ao arrastar o bloco de conteúdo para o seu e-mail, você notará uma linha de realce verde. Essa linha indica onde o bloco de conteúdo será colocado quando você liberar o bloco de design.
Mover blocos de design
Depois de adicionar um bloco de design ao seu e-mail ou modelo de e-mail, você pode movê-lo facilmente. Para isso:
- Passe o mouse sobre o bloco que você deseja mover.
- Clique na alça de quatro direções que aparece à direita do bloco.
- Arraste e solte o bloco para o local desejado.
Configurações de bloco de design de e-mail
Cada bloco de design em seu e-mail ou modelo tem suas próprias configurações.
As configurações de bloco de design de e-mail incluem:
| Nome da configuração | Descrição |
|---|---|
| Duplicar | Clicar nessa opção criará uma cópia exata do bloco. Não disponível para Conteúdo Preditivo. |
| Faça condicional | Você pode escolher quais destinatários verão esse bloco com base em segmentos. Leia o artigo de ajuda "Como usar conteúdo condicional" para obter mais informações. Não disponível para Conteúdo Preditivo. |
| Esconder em dispositivos móveis |
Essa opção ocultará o bloqueio quando o e-mail for visualizado em um dispositivo móvel. |
| Guardar para a biblioteca de conteúdo | Essa opção permitirá que você salve o bloco em uma biblioteca de conteúdo. Depois de salvo, você pode adicioná-lo facilmente a qualquer e-mail ou modelo que criar. Consulte o artigo de ajuda "Como salvar e reutilizar conteúdo de email" para obter mais informações Não disponíveis para conteúdo preditivo. |
| Eliminar isto |
Essa opção removerá o bloco do seu design. |
Para acessar as configurações de um bloco de design:
- Passe o mouse sobre o bloco.
- Clique no ícone de engrenagem que aparece.
Um menu modal aparecerá e listará todas as configurações que você pode ajustar para o bloco. Clique na opção de configuração no modal que você deseja usar.
Bloco de design de e-mail menu "Opções"
Cada bloco de design tem estilos exclusivos para eles, mas todos os blocos contêm um conjunto semelhante de estilos que você pode editar no menu à direita na guia "Opções". Esse menu aparecerá quando você clicar em qualquer bloco em seu layout.
| Nome da opção | Descrição |
|---|---|
| Plano de fundo do bloco | Use isso para adicionar uma cor ao plano de fundo de um único bloco. |
| Bloquear borda | As bordas são definidas como um valor de pixel e podem ser aumentadas ou diminuídas. Ao ajustar o pixel para sua borda, você terá a opção de definir o estilo (sólido ou pontilhado) e definir o raio da borda. Você também pode escolher uma cor para sua borda. |
| Margem de bloqueio | As margens são definidas como um valor de pixel e podem ser aumentadas ou diminuídas. Você também pode escolher quais lados terão margens. |
| Preenchimento de bloco | O preenchimento é definido como um valor de pixel e pode ser aumentado ou diminuído. Você também pode escolher quais lados terão preenchimento. |
| Fundo da coluna | Use isso para adicionar uma cor ao plano de fundo de uma coluna. |