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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/topicos/relacionar/e-mail/e-mail-marketing-como-importar-seu-modelo-de-e-mail-via-html.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
