Email Templates

Бесплатные HTML-шаблоны email

Просматривайте готовые адаптивные HTML-шаблоны email. Просматривайте и копируйте HTML для рассылок, приветственных писем, акций и транзакционных сообщений.

Выбрать шаблон

Clean newsletter template with header, content sections, and footer.

HTML-источник

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Newsletter</title>
</head>
<body style="margin:0;padding:0;background-color:#f4f4f5;font-family:Arial,Helvetica,sans-serif;">
  <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background-color:#f4f4f5;">
    <tr>
      <td align="center" style="padding:40px 20px;">
        <table role="presentation" width="600" cellpadding="0" cellspacing="0" style="background-color:#ffffff;border-radius:8px;overflow:hidden;">
          <!-- Header -->
          <tr>
            <td style="background-color:#16a34a;padding:30px 40px;text-align:center;">
              <h1 style="margin:0;color:#ffffff;font-size:28px;font-weight:bold;">Your Newsletter</h1>
              <p style="margin:8px 0 0;color:#bbf7d0;font-size:14px;">Monthly updates and insights</p>
            </td>
          </tr>
          <!-- Main Content -->
          <tr>
            <td style="padding:40px;">
              <h2 style="margin:0 0 16px;color:#18181b;font-size:22px;">Featured Article</h2>
              <p style="margin:0 0 20px;color:#52525b;font-size:15px;line-height:1.6;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
              <a href="#" style="display:inline-block;background-color:#16a34a;color:#ffffff;text-decoration:none;padding:12px 24px;border-radius:6px;font-size:14px;font-weight:bold;">Read More</a>
              <hr style="margin:30px 0;border:none;border-top:1px solid #e4e4e7;">
              <h2 style="margin:0 0 16px;color:#18181b;font-size:22px;">More Stories</h2>
              <table role="presentation" width="100%" cellpadding="0" cellspacing="0">
                <tr>
                  <td style="padding:12px 0;border-bottom:1px solid #f4f4f5;">
                    <h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title One</h3>
                    <p style="margin:0;color:#71717a;font-size:13px;">Brief description of the first story goes here.</p>
                  </td>
                </tr>
                <tr>
                  <td style="padding:12px 0;border-bottom:1px solid #f4f4f5;">
                    <h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title Two</h3>
                    <p style="margin:0;color:#71717a;font-size:13px;">Brief description of the second story goes here.</p>
                  </td>
                </tr>
                <tr>
                  <td style="padding:12px 0;">
                    <h3 style="margin:0 0 4px;color:#18181b;font-size:16px;">Story Title Three</h3>
                    <p style="margin:0;color:#71717a;font-size:13px;">Brief description of the third story goes here.</p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <!-- Footer -->
          <tr>
            <td style="background-color:#f4f4f5;padding:24px 40px;text-align:center;">
              <p style="margin:0;color:#71717a;font-size:12px;">You received this email because you subscribed to our newsletter.</p>
              <p style="margin:8px 0 0;color:#71717a;font-size:12px;"><a href="#" style="color:#16a34a;">Unsubscribe</a> | <a href="#" style="color:#16a34a;">View in browser</a></p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
</html>

How It Works

How to Use HTML Email Templates

Выберите шаблон

Выбирайте из шаблонов рассылки, приветственного письма, акционного или транзакционного письма.

Предпросмотр и настройка

Предпросматривайте отрендеренный шаблон и просматривайте исходный HTML для понимания структуры.

Экспортируйте HTML

Скопируйте полный HTML-код одним кликом и вставьте прямо в вашу email-платформу.

Функции

Why Use HTML Email Templates

Адаптивный дизайн

Каждый шаблон использует макеты на основе таблиц, корректно отображающихся на всех экранах и устройствах.

Протестировано в Gmail и Outlook

Шаблоны следуют лучшим практикам совместимости с почтовыми клиентами для единообразного отображения.

Чистый код

Встроенный CSS и семантические табличные структуры создают лёгкий, поддерживаемый HTML-код email.

Поддержка тёмного режима

Цветовые решения и коэффициенты контраста хорошо работают как в светлом, так и в тёмном режиме.

Mobile-first

Разработано с учётом мобильных читателей для удобного чтения на маленьких экранах.

Приватность прежде всего

Все шаблоны загружаются и отображаются в браузере. Никакие данные не собираются и не отправляются.

Примеры использования

Who Uses HTML Email Templates

Email-дизайнеры

Используйте как отправные точки для пользовательских дизайнов email, экономя часы работы с табличными макетами.

Маркетологи

Быстро запускайте рассылки и рекламные кампании с готовыми адаптивными шаблонами.

Разработчики

Копируйте чистый HTML-исходник как основу для программной генерации email в приложениях.

Агентства

Быстрее создавайте профессиональные email-шаблоны для клиентов на основе готовых проверенных шаблонов.

Need More Power?

Sign up for a free Tomba account to unlock bulk processing, API access, CRM integrations, and 75 free searches per month.

Начать бесплатно Browse All Tools

Есть вопрос?

HTML Email Templates

Если вы не нашли ответ на свой вопрос здесь, посетите специальный раздел в нашем Центре помощи .