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.
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>
