Почему плагин Newsletter лучше MailChimp в 2026 году

Шаг 1: Откройте меню плагинов

1. Войдите в панель управления WordPress
2. Перейдите в Плагины → Добавить плагин

Шаг 2: Найдите плагин Newsletter

1. В строке поиска введите: "Newsletter Send awesome emails from WordPress by Stefano Lissa". Или посетите официальную страницу плагина Newsletter, чтобы прочитать отзывы и проверить совместимость с вашей версией WordPress.
2. Найдите плагин с 300 000+ активных установок от Stefano Lissa

Шаг 3: Установите и активируйте

1. Нажмите кнопку «Установить»
2. Дождитесь завершения установки (5–10 секунд)
3. Нажмите кнопку «Активировать»

Шаг 4: Первоначальная настройка

После активации в боковой панели WordPress появится пункт меню Newsletter.

Плагин установлен и готов к настройке!

Шаг 1: Откройте настройки формы

1. Перейдите в Newsletter → Формы
2. Нажмите Настроить (⚙️ значок шестерёнки) рядом со «Стандартной формой»

Шаг 2: Настройте поля формы

Выберите, какие поля отображать:

• Email (Обязательно — нельзя отключить)
• Имя (Рекомендуется)
• Фамилия (Необязательно)
• Пол (Необязательно)
• Чекбокс политики конфиденциальности (Обязательно для GDPR)

Шаг 3: Настройте метки

Отредактируйте текст, который отображается в форме:

• Placeholder для Email (Имя) может быть: Enter your email
• Метка кнопки: «Подписаться» (или «Подписаться на рассылку»)
• Метка чекбокса: «Я принимаю политику конфиденциальности»
• И фактически любое поле, которое видите в форме

Шаг 4: Скопируйте шорткод

В верхней части страницы настроек вы увидите:

[newsletter_form]

Скопируйте этот шорткод — он понадобится на следующем шаге.

Шаг 5: Сохраните настройки

Нажмите «Сохранить» внизу страницы.

Поздравляем! Вы успешно создали и сохранили первую форму подписки.

Шаг 1: Откройте настройки приветственного письма

1. Перейдите в Newsletter → Подписка
2. Нажмите на вкладку Приветствие
3. Откройте вкладку Email
4. Выберите 1 из 3 вариантов:
   • Default — использует стандартный шаблон письма. Вы всё равно можете его кастомизировать, нажав «Customize» под темой Welcome. Затем используйте Visual Editor или вставьте этот HTML-код:
     
     HTML-код для приветственного письма (вкладка Code) Скопировать код

     <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
       <h2>Welcome, {name}!</h2>
       <p>Thank you for subscribing to our newsletter.</p>
       <p>You will receive updates directly in your inbox.</p>
       <a href="{profile_url}">Manage Subscription</a>
     </div>

   • Composer — позволяет создать кастомное письмо. Рекомендуемый вариант.
   • Do not send — отключает приветственное письмо

Шаг 2: Напишите тему письма

Напишите тему, которая привлечёт внимание подписчиков и побудит их открыть письмо. Например:

• Добро пожаловать на [Название сайта]
• Спасибо за подписку, {name}
• Вы подписались. Вот что вас ждёт

Шаг 3: Выберите редактор писем

• Composer — для визуального редактирования с перетаскиванием.
• Default → Customize → Visual / Code — вкладка для HTML-шаблонов
  

Шаг 4: Используйте почтовые теги

Независимо от выбранного редактора вы можете использовать почтовые теги для персонализации письма. Почтовые теги — это заполнители, которые при отправке заменяются реальными значениями. Например:

• {name} — имя подписчика
• {email} — email подписчика
• {profile_url} — ссылка для управления подпиской
• {unsubscription_url} — ссылка для отписки

Больше тегов можно найти на сайте документации плагина Newsletter.

Шаг 5: Сохраните и протестируйте

1. Нажмите Сохранить.
2. Перейдите на страницу сайта с формой [newsletter_form] и подпишитесь с тестовым адресом.
3. Проверьте входящие, проверьте приветственное письмо. При необходимости повторите.

Шаг 1: Настройте страницу с прощальным сообщением

1. Перейдите в Newsletter → Подписка → Отписка
2. Нажмите на вкладку «Goodbye»
3. Нажмите «Customize» рядом с прощальным сообщением
4. Нажмите на вкладку Code

Шаг 2: Создайте прощальное сообщение для страницы

Вставьте этот HTML во вкладку Code прощального сообщения:

<div style="padding-top: 40px; text-align: center;">
  <h1>Subscription canceled.</h1>
  <h2>One click to undo.</h2>
  <div style="margin: 30px 0;">
    [newsletter_resubscribe_button label="Undo unsubscribe" /]
  </div>
</div>

Нажмите «Сохранить». Вы можете протестировать, отписавшись от рассылки. Вы увидите прощальную страницу с кнопкой «Undo unsubscribe».

Шаг 3: Создайте прощальное письмо

1. Оставайтесь в Newsletter → Подписка → Отписка → вкладка Goodbye
2. Выберите Enable / Disable, затем нажмите «Customize» рядом с прощальным письмом
3. Напишите Тему прощального письма
4. Затем напишите сообщение с помощью Visual editor или перейдите на вкладку Code для написания HTML-кода

Шаг 4: Оформите прощальное письмо

Почтовые клиенты рендерят HTML иначе, чем браузеры. Следуя рекомендациям MDN по HTML-письмам, этот шаблон использует встроенные стили и табличную вёрстку для максимальной совместимости с Gmail, Outlook и Apple Mail.

Скопируйте и вставьте этот красивый шаблон во вкладку Code прощального письма на вашем сайте:

<div
    style="background: #fff5f0;border: 1px solid #ffddd2;color: #4a3728;padding: 50px 20px;text-align: center;border-radius: 20px;margin: 20px auto;max-width: 600px;font-family: sans-serif">
    <span style="font-size: 40px">👋</span>
    <h1 style="color: #c2410c;margin-top: 10px">It's official.</h1>
    <h2 style="font-weight: 400;margin-bottom: 20px">Your subscription has been removed.</h2>

    <p style="font-size: 15px;line-height: 1.6;margin-bottom: 25px;color: #6b4f3a;padding: 0 20px">
      Changed your mind? You can subscribe again anytime! <br><br>
      To use our sign-up form again immediately, please <strong>use a different email address</strong>.
      If you want to reactivate <em>this</em> email, please
      <a href="mailto:{company_address}?subject=Subscribe me back please 🥹&body=I confirm I want to subscribe back"
        style="color: #c2410c;font-weight: bold;text-decoration: none;border-bottom: 1px solid #c2410c">
        click here to send us a message
      </a>
      and we will manually restore your status.
    </p>

    <div style="text-align: center;padding: 10px 0">
      <a href="{blog_url}/newsletter/"
        style="background-color: #c2410c;border-radius: 8px;color: #ffffff;font-size: 16px;font-weight: bold;text-decoration: none;padding: 15px 35px">
        Rejoin with a new email
      </a>
    </div>
  </div>

Шаг 5: Сохраните

Нажмите «Сохранить» внизу страницы.

Шаг 1: Откройте настройки повторной подписки

1. Перейдите в Newsletter → Подписка → Отписка
2. Нажмите вкладку «Resubscribe»
3. Нажмите «Customize» рядом с сообщением Reactivated message
4. Затем напишите сообщение «Добро пожаловать обратно!» с помощью Visual editor или перейдите на вкладку Code для написания HTML-кода

Шаг 2: Создайте сообщение о реактивации

Вставьте это сообщение с приветствием:

<div style="padding-top: 40px; text-align: center;">
  <h2>Your subscription has been reactivated.</h2>
  <h3>Welcome Back! 🎉</h3>
  <p>We're happy to have you back with us!</p>
</div>

Шаг 3: Сохраните

Нажмите «Сохранить»

Шаг 1: Создайте новую рассылку

1. Перейдите в Newsletter → Рассылки
2. Нажмите кнопку «Добавить новую»

Шаг 2: Выберите шаблон

У вас два варианта:

• Использовать шаблон — готовые макеты (их 10)
• Начать с чистого листа — пустой холст

Шаг 3: Напишите рассылку

Тема письма:

Напишите убедительную тему (лучшие практики):

• Не более 50 символов
• Используйте персонализацию: «Привет {name}, вот ваши новости»
• Создайте интригу: «Вы не поверите, что случилось...»
• Будьте конкретны: «Еженедельная рассылка — январь 2025»

Тело письма:

• Добавьте шапку с вашим логотипом
• Пишите контент в текстовых блоках
• Добавляйте изображения (оптимизированные, до 200 КБ каждое)
• Включайте кнопки призыва к действию
• Добавьте ссылки на соцсети в подвале

Шаг 4: Нажмите «Далее»

Шаг 5: Выберите получателей

Выберите свои списки:

• Совпадение со всеми (отправка всем)
• Или выберите конкретные списки

Шаг 6: Запланируйте или отправьте

Вариант А: Отправить сейчас

• Нажмите кнопку «Отправить сейчас»
• Начать реальную доставку? — Нажмите «OK»

Вариант Б: Запланировать на позже

• Нажмите «Запланировать»
• Выберите дату и время
• Нажмите «Запланировать» ещё раз, затем подтвердите нажатием «OK»

Шаг 7: Проверьте результат

1. Проверьте свой почтовый ящик
2. Убедитесь, что рассылка доставлена
3. Проверьте форматирование на компьютере и мобильном устройстве
4. Нажмите на ссылки, чтобы убедиться, что они работают

Поздравляем! Вы отправили первую рассылку с помощью плагина Newsletter для WordPress.

Шаг 1: Откройте пользовательский CSS темы

Способ А: через Customizer

1. Перейдите в Внешний вид → Настройка
2. Нажмите «Дополнительный CSS»

Способ Б: через настройки темы

1. Некоторые темы имеют раздел «Пользовательский CSS»
2. Проверьте документацию вашей темы

Шаг 2: Стилизуйте кнопку отправки

Вставьте этот CSS для настройки кнопки рассылки:

/* Newsletter Plugin Submit Button */
.tnp-submit {
  border: none !important;
  background: #FFD586 !important;
  color: #1C1C1C !important;
  padding: 12px 30px !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.tnp-submit:hover {
  background: #FFC556 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

Шаг 3: Стилизуйте поля ввода

/* Newsletter Input Fields */
.tnp-field {
  padding: 12px 15px !important;
  border: 2px solid #ddd !important;
  border-radius: 5px !important;
  font-size: 15px !important;
  width: 100% !important;
  margin-bottom: 15px !important;
}

.tnp-field:focus {
  border-color: #FFD586 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,213,134,0.2) !important;
}

Шаг 4: Стилизуйте контейнер формы

/* Newsletter Form Container */
.tnp-subscription {
  max-width: 500px !important;
  margin: 0 auto !important;
  padding: 30px !important;
  background: #f9f9f9 !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
}

Шаг 5: Сохраните и протестируйте

1. Нажмите «Опубликовать»
2. Откройте страницу с формой подписки
3. Убедитесь, что новые стили применены
4. Протестируйте на мобильных устройствах

Совет профессионала: Используйте цвета вашего бренда в CSS, заменив:

• #FFD586 на ваш основной цвет
• #1C1C1C на ваш цвет текста

Шаг 1: Настройте редирект

1. Перейдите в Страницы → Newsletter → Редактировать
2. Нажмите значок ✚ для добавления нового элемента на страницу.
3. Найдите элемент HTML и нажмите на него.
4. Скопируйте и вставьте этот код в HTML-элемент:
   
   HTML-код авто-редиректа Скопировать код

   <div class="thank-you-message">
     <h2>Thank you for subscribing!</h2>
     <p>Redirecting in <span id="timer">5</span> seconds...</p>
   </div>
   
   <script>
     // Only run redirect if we're on the confirmation page
     const urlParams = new URLSearchParams(window.location.search);
     const isConfirmed = urlParams.get('nm') === 'confirmed';
   
     if (isConfirmed) {
       let seconds = 5;
       const timer = document.getElementById('timer');
       const countdown = setInterval(() => {
         seconds--;
         timer.textContent = seconds;
         if (seconds <= 0) {
           clearInterval(countdown);
           location.href = '/';
         }
       }, 1000);
     } else {
       // Hide the thank you message if we're not on the confirmation page
       document.querySelector('.thank-you-message').style.display = 'none';
     }
   </script>

5. Нажмите Сохранить.

Шаг 2: Протестируйте

1. Откройте страницу с формой подписки.
2. Подпишитесь с тестовым адресом.
3. Убедитесь, что редирект на главную страницу работает.