2

Configurações dos Conteúdos do E-mail

Larissa

Última atualização há 5 meses

Content

Dentro do modelo de e-mail, no canto central direito da sua tela, utilize a barra de funcionalidades para personalizar o e-mail de acordo com a marca da sua empresa de forma prática.

  • Atualmente existem 09 (nove) tipos de conteúdos.
    • Columns
    • Button
    • Divider
    • Heading
    • Text
    • Image
    • Social
    • Menu
    • HTML

Columns

O conteúdo de Colunas, serve para segmentar a tela em partições. Utilize esse recurso para organizar as informações no corpo do e-mail da forma que preferir. 


No canto central direito, selecione "Columns", arraste-o para o local desejado no corpo do e-mail e em seguida, selecione o tipo de coluna desejado, conforme exemplificado abaixo:

Ainda no canto direito, é possível personalizar os seguintes itens:


Comlumn Properties (Propriedades da Coluna)

  • Background Color (Cor de Fundo)
  • Padding (Espaçamento Interno)
  • Border (Borda)

Row Properties (Propriedades da linha)
  • Background Color (Cor de fundo)
  • Content Background Color (Cor de fundo do conteúdo)
  • Image Options (Opções de Imagem)
  • Padding (Espaçamento interno)


Button

Botão é um conteúdo que permite o redirecionamento do usuário através do clique.


No canto central direito, selecione o conteúdo "Button" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Ainda no canto direito, em "Action" é possível configurar o botão para que ao clicar o usuário seja direcionado para uma determinada Ação.

  • Atualmente existem 03 (três) Tipo de ação:
    • Open Website: é possível inserir um link de redirecionamento, por exemplo, Site, Formulário ou Landing Page.
    • Send Email: permite enviar um e-mail para um determinado contato.
    • Call Phone Number: é possível inserir o número de telefone desejado e sair ligando para o contato. 

A seguir, em "Button Options" é possível ajustar:

  • Background Color (Cor de Fundo)
  • Text Color (Cor do Texto)
  • Width (Largura)
  • Font Family (Família de Fontes)
  • Font Weight (Espessura da Fonte)
  • Font Size (Tamanho da Fonte)
  • Line Height (Altura da Linha)


Em "Spacing" é possível ajustar:

  • Alignment (Alinhamento)
  • Padding (Espaçamento)
  • Border (Borda)
  • Rounded Border (Borda Arredondada)

Após escolher a Cor desejada para o botão, clique no corpo do e-mail para aplicá-la.

Divider

O Divisor é um conteúdo simples, cuja função é auxiliar na estrutura da página, serve para dividir o conteúdo. 


No canto central direito, selecione o conteúdo "Divider" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Ainda no canto direito, é possível realizar personalizações.


Line:

  • Width (Largura)
  • Line (Tipo de Linha):
    • Espessura da linha

    • Cor da linha

  • Align (Alinhamento)

Header

Utilize o conteúdo de Header para inserir títulos, subtítulos e outros formatos de texto.


No canto central direito, selecione o conteúdo "Header" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Observe que ao selecionar o elemento de título, a barra de configuração é exibida, o que facilita a realização de ajustes e configurações adicionais.

Ainda no canto direito, é possível personalizar:


Text:

  • Heading Type (Tipo de Título)
  • Font Family (Família de Fontes)
  • Font Weight (Espessura da Fonte)
  • Font Size (Tamanho da Fonte)
  • Color (Cor do Texto)
  • Text Align (Alinhamento do Texto)
  • Line Height (Altura da Linha)
  • Letter Spacing (Espaçamento das Letras)


Text

Utilize o conteúdo de Text para inserir textos no corpo do e-mail da forma que preferir.


No canto central direito, selecione o conteúdo "Text" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Observe que ao selecionar o elemento de texto, a barra de configuração é exibida, o que facilita a realização de ajustes e configurações adicionais.

Ainda no canto direito, é possível personalizar:


Text:

  • Font Family (Família de Fontes)
  • Font Weight (Espessura da Fonte)
  • Font Size (Tamanho da Fonte)
  • Color (Cor do Texto)
  • Text Align (Alinhamento do Texto)
  • Line Height (Altura da Linha)
  • Letter Spacing (Espaçamento entre letras)


Image

O conteúdo de Image, permitem a inserção de imagens via URL ou Upload.


No canto central direito, selecione o conteúdo "Imagee arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Ainda no canto direito, clique no botão "Upload Image" para realizar o upload de uma imagem do seu computador, conforme exemplificado abaixo:
Por último, personalize a Width (Largura), Align (Alinhamento da Imagem), Alternate Text (Texto alternativo), Action (é possível adicionar uma ação de redirecionamento ao clicar na imagem) e Container Padding (Espaçamento do Container), conforme exemplificado abaixo:

Social

O conteúdo de Social, permite a adição de atalhos para suas redes sociais.

No canto central direito, selecione o conteúdo "Social" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Ainda no canto direito, selecione o "ícone da rede social" que deseje adicionar e insira o link desejado, conforme exemplificado abaixo:
Por último, personalize o Icon Type (Tipo do ícone), Align (Alinhamento), Icon Size (Tamanho), Icon Spacing (Espaçamento do ícone) e Container Padding (Espaçamento do Container), conforme exemplificado abaixo:

Menu

O conteúdo de Menu, permite criar uma barra de navegação para o seu e-mail. 


No canto central direito, selecione o conteúdo "Menu" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Ainda no canto direito, clique em "+ Add New Item"


E escolha quais serão os Itens do menu de navegação, exemplo:

  • Home
  • Sobre
  • Contato

Faça a personalização do menu como desejado, com cores e botões redirecionando internamente ou externamente, conforme o exemplo abaixo:


HTML

O conteúdo de HTML, permitem a inserção de códigos em HTML personalizando ainda mais o seu e-mail.


No canto central direito, selecione o conteúdo "HTML" e arraste-o para o local desejado no corpo do e-mail, conforme exemplificado abaixo:

Ainda no canto direito, digite ou cole o código HTML desejado e será atualizado no corpo do e-mail.


Para fechar o campo HTML, basta clicar novamente no corpo do e-mail, conforme exemplificado abaixo:


Ajustando os conteúdos

No corpo do e-mail, selecione o conteúdo desejado, clique no "ícone de setas" e ajuste como desejar, conforme exemplificado abaixo:

Este artigo foi útil?

0 de 0 gostaram deste artigo

Ainda precisa de ajuda? Envie-nos uma Mensagem