# 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:

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdDa3x8wzm1HpPZ0CJ-Bay7dJ4vVL9v_0xodRFY8t9rq-E_RtdEKy5UO6-LAW2eDbhGTdZk9OlOdv01sB637BSB_-u1e_22O7OfeXDJ5R9EYR9GlIKsdJo6NYGDC0dHef_4DjCd0A?key=cZMN_WTdzGbG_4O77xmFxT-_" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfd2bpmdTkWP-Uf6oBqNsWEc-ez2-CpiAOpC0cAXGifcv-zBrBMyM5kdqj25sSVqX7CGoWxmsoJ7pNnM902hsEMg7jxK6rw1nM9hmjBbt0QQSn-yQWuAzxwSO5JRRYfb25oY-uCZQ?key=cZMN_WTdzGbG_4O77xmFxT-_" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXcuLVJP-WOibCCEhdb36XM1R_9srpGXmJ1ruNIeHFxeIUxsBVZPB3ZiT1S1P4JWT7e2-pu-a5RRNadM2dBXJT78zc0T-BF5_HmdjmaAs1FBlE9dky-_Ykz2z2U6_SYQndCHf8JLZg?key=cZMN_WTdzGbG_4O77xmFxT-_" alt=""><figcaption></figcaption></figure>

4. **Configurações;**&#x20;

{% embed url="https://youtu.be/siJsTqyM7tc" %}

5. Resultado;

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdtw3NYCzSXDtms6kh616_iIC8mie4tsf282L8ZAOHjB6HODqVJNg1QVScOoqoksHsDdsI7jNNe-YCbyW6O7occAnaM97O_Kl4M49qLivI0GrNvR6urXhHEC9lFh3AeZTkka2qeaA?key=cZMN_WTdzGbG_4O77xmFxT-_" alt=""><figcaption></figcaption></figure>

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.

