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

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

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