E-mail Marketing - Como Importar seu modelo de E-mail via HTML

Com a SprintHub, você pode importar facilmente modelos de e-mail criados externamente em HTML, garantindo praticidade e eficiência na criação de suas campanhas de E-mail Marketing. Leve seus designs personalizados diretamente para nossa plataforma e alcance seus leads de forma profissional e impactante.

Para criar seu Email, siga os passos abaixo:

Acesse o Email: Pelo “Encontrar Serviços”. Ou basta digitar o nome, que a função aparece.

Na função “Emails”, você pode selecionar um email existente ou criar um novo. Para editar um email já criado, clique em 'Editar'. Caso queira criar um novo email, basta clicar em '+ Novo'. Em seguida clique em 'Abrir construtor'.

Para adicionar o elemento linha ao seu email, basta clicar e arrastar para a área de construção;

Configurações;

Resultado;

Exemplo de HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Modelo de Email</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .container {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }
        .header {
            background-color: #4CAF50;
            color: white;
            text-align: center;
            padding: 20px 10px;
        }
        .header h1 {
            margin: 0;
            font-size: 24px;
        }
        .content {
            padding: 20px;
            color: #333;
            line-height: 1.6;
        }
        .content img {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 10px 0;
        }
        .content h2 {
            color: #4CAF50;
        }
        .footer {
            text-align: center;
            padding: 15px;
            background-color: #f4f4f4;
            color: #777;
            font-size: 12px;
        }
        .footer a {
            color: #4CAF50;
            text-decoration: none;
        }
        .button {
            display: inline-block;
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            font-size: 16px;
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- Cabeçalho -->
        <div class="header">
            <h1>Bem-vindo ao Nosso Serviço!</h1>
        </div>

        <!-- Conteúdo -->
        <div class="content">
            <h2>Olá, [Nome do Usuário]!</h2>
            <p>Estamos muito felizes por você estar aqui. Confira abaixo alguns detalhes importantes sobre nosso serviço.</p>
            
            <img src="https://via.placeholder.com/600x300" alt="Imagem de exemplo">
            
            <p>Aproveite os benefícios exclusivos que preparamos para você. Explore nosso site e descubra tudo o que temos a oferecer!</p>

            <a href="#" class="button">Saiba Mais</a>
        </div>

        <!-- Rodapé -->
        <div class="footer">
            <p>Se você tiver dúvidas, entre em contato conosco pelo e-mail: <a href="mailto:suporte@exemplo.com">suporte@exemplo.com</a>.</p>
            <p>&copy; 2024 Nosso Serviço. Todos os direitos reservados.</p>
        </div>
    </div>
</body>
</html>

CONCLUSÃO

Utilizar HTML para importar modelos de e-mail na SprintHub é uma solução eficiente para quem busca personalização e controle sobre suas campanhas de E-mail Marketing. Essa funcionalidade permite que você aproveite designs exclusivos e complexos criados externamente, garantindo uma experiência visual profissional e alinhada à identidade da sua marca. Além disso, ela agiliza o processo de configuração, otimizando seu tempo e esforço ao criar comunicações impactantes para seus leads. Com a SprintHub, criatividade e eficiência andam de mãos dadas.

AnteriorE-mail Marketing - Testes A/B PróximoE-mail Marketing - Analisando dados

Atualizado há 1 ano

Isto foi útil?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Modelo de Email</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }
        .container {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
        }
        .header {
            background-color: #4CAF50;
            color: white;
            text-align: center;
            padding: 20px 10px;
        }
        .header h1 {
            margin: 0;
            font-size: 24px;
        }
        .content {
            padding: 20px;
            color: #333;
            line-height: 1.6;
        }
        .content img {
            width: 100%;
            max-width: 100%;
            height: auto;
            border-radius: 8px;
            margin: 10px 0;
        }
        .content h2 {
            color: #4CAF50;
        }
        .footer {
            text-align: center;
            padding: 15px;
            background-color: #f4f4f4;
            color: #777;
            font-size: 12px;
        }
        .footer a {
            color: #4CAF50;
            text-decoration: none;
        }
        .button {
            display: inline-block;
            background-color: #4CAF50;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            font-size: 16px;
            margin: 10px 0;
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- Cabeçalho -->
        <div class="header">
            <h1>Bem-vindo ao Nosso Serviço!</h1>
        </div>

        <!-- Conteúdo -->
        <div class="content">
            <h2>Olá, [Nome do Usuário]!</h2>
            <p>Estamos muito felizes por você estar aqui. Confira abaixo alguns detalhes importantes sobre nosso serviço.</p>
            
            <img src="https://via.placeholder.com/600x300" alt="Imagem de exemplo">
            
            <p>Aproveite os benefícios exclusivos que preparamos para você. Explore nosso site e descubra tudo o que temos a oferecer!</p>

            <a href="#" class="button">Saiba Mais</a>
        </div>

        <!-- Rodapé -->
        <div class="footer">
            <p>Se você tiver dúvidas, entre em contato conosco pelo e-mail: <a href="mailto:suporte@exemplo.com">suporte@exemplo.com</a>.</p>
            <p>&copy; 2024 Nosso Serviço. Todos os direitos reservados.</p>
        </div>
    </div>
</body>
</html>