Siga-nos:

Como Editar o Layout dos E mails usando o Elementor e WordPress

Como Editar o Layout dos E mails usando o Elementor e WordPress - Buenosites

Neste Vídeo vou te ensinar a Como Editar o layout dos E-mails que são enviados pelo Formulário de Contato do Elementor.

Após assistir esse Tutorial de WordPress  @Elementor  Você conseguirá editar o layout das mensagens que são enviadas, tornando mais profissional a mensagem.

Você também aprenderá como Editar um Código CSS dentro do Elementor usando uma ferramenta pouco conhecida.

🔔 Aproveita para se inscrever no Canal → Clique aqui para se inscrever.

Reproduzir vídeo sobre Como Editar o Layout dos E mails usando o Elementor e WordPress - Buenosites

HTML p/ e-mail ao Administrador do Site

Este é o código HTML/CSS que deve ser usado no primeiro E-mail – o e-mail que vai informar ao administrador do Site sobre uma nova mensagem.

				
					<div style="max-width:600px;">
<div style="background:#1A146D;padding:50px;text-align:center;display:block;
	position:relative;">

<h1 style="color:#ffffff; font-size:35px; font-family:Syne; text-align:center;">Nova mensagem do Site.</h1>

</div>


<div style="color:#333333; 	font-size:18px;	font-weight:500; padding:50px; 	background:#fbfbfb; text-align: center;">
<ul style="list-style:none;padding:20px;text-align:left">
<li style="padding: 10px;"><strong>Nome:</strong> [field id="nome"]</li>
<li style="padding: 10px;"><strong>Telefone:</strong> [field id="telefone"]</li>
<li style="padding: 10px;"><strong>E-mail:</strong> [field id="email"]</li>
<li style="padding: 10px;"><strong>Mensagem:</strong> [field id="mensagem"]</li>
</ul>
</div>
</div>
				
			

HTML p/ e-mail ao Visitante do Site

Este é o código HTML/CSS que deve ser usado no segundo E-mail – este e-mail vai informar ao visitante do site que sua mensagem foi recebida e que logo alguém entrará em contato com ele.

				
					<div style="max-width:600px;">
<div style="background:#1A146D;padding:50px;text-align:center;display:block;
	position:relative;">

<h1 style="color:#ffffff; font-size:35px; font-family:Syne; text-align:center;">Nova mensagem do Site.</h1>

</div>


<div style="color:#333333; 	font-size:18px;	font-weight:500; padding:50px; 	background:#fbfbfb; text-align: center;">
<ul style="list-style:none;padding:20px;text-align:left">
<li style="padding: 10px;"><strong>Nome:</strong> [field id="nome"]</li>
<li style="padding: 10px;"><strong>Telefone:</strong> [field id="telefone"]</li>
<li style="padding: 10px;"><strong>E-mail:</strong> [field id="email"]</li>
<li style="padding: 10px;"><strong>Mensagem:</strong> [field id="mensagem"]</li>
</ul>
</div>
</div>
				
			

Compartilhe este Artigo:

Fred Bueno

Fred Bueno

Sou Web Designer da Buenosites e fundador do projeto online Empreendedor Digital WordPress, portal especializado em Tutoriais e Dicas WordPress para Freelancers, Autônomos e Empreendedores.

Ver mais Artigos

Inscreva-se e receba nossas Newsletters

Receba Artigos como este diretamente em seu e-mail?

Mais Posts como este...

E-Book Gratuitos

10 Vantagens de Usar o WordPress + Briefing Estratégico

10 Vantagens de Usar o WordPress + Briefing Estratégico

Descubra o que é preciso para começar [da maneira certa] a criação do seu site e evite o fracasso total do seu projeto!

Baixar Grátis
Manual de Segurança WordPress - Buenosites

30 Técnicas para BLINDAR seu Site WordPress.

30 Dicas de como BLINDAR seu Site WordPress das ameaças da Internet!

Baixar Grátis

Conheça Nossos

Serviços

Criação de Sites Profissionais

Faça como muitas empresas de sucesso, Fuja da crise investindo na Criação de um Site. Seja encontrado hoje mesmo pelos seus clientes. Divulgue Melhor e Faça Mais Vendas.

Criação de Logotipos

Crie um Logotipo Autêntico e destaque sua Empresa. Fique na Frente dos Concorrentes. Passe uma Imagem de Confiança e Criativa para seus Clientes criando uma Marca Profissional.

Pesquisar no Site

Procurando por alguma informação específica? Digite no campo abaixo o que deseja saber.