Как сгенерировать email-рассылку с AI в NeuroGate
Гайд по HTML email в NeuroGate Design: table-layout 600px, design system, preheader, dark mode и экспорт для Unisender, Sendsay и других ESP.
Как сгенерировать email-рассылку с AI в NeuroGate
HTML-письмо — отдельная вселенная: таблицы, inline-стили, preheader, dark mode. В NeuroGate Design тип «Письмо» генерирует готовый HTML под 600px, совместимый с ESP (Unisender, Sendsay, Mailchimp и др.).
Почему email ≠ лендинг
| Лендинг | |
|---|---|
| Flexbox / Grid | Table layout (`role="presentation"`) |
| CSS variables | Inline hex + progressive `<style>` |
| Любая ширина | **600px** centered shell |
| Один `<html>` | Preheader, footer compliance |
Шаблон email (Open Design) зашивает эти правила — агент не «изобретает» вёрстку с нуля.
Design system обязательна
Для email NeuroGate рекомендует design system с секциями:
- color
- typography
- layout
- components
Без системы письмо будет generic. С системой — ваши цвета и шрифты в inline-стилях.
Пошаговая инструкция
Шаг 1. Design → Projects → «Письмо»
На Design home выберите карточку Письмо (иконка конверта).
Шаг 2. Выберите design system
Picker → ваша опубликованная система. Email skill (template_id: email) подтягивает tokens в inline colors.
Шаг 3. Промпт под тип кампании
Примеры:
Product launch:
Launch email для новой функции «AI Design» в NeuroGate.
Preheader: Соберите лендинг за 10 минут.
Структура: hero с CTA, 3 benefit blocks, testimonial, primary CTA, footer с unsubscribe.
Аудитория: маркетологи. Язык: русский. max-width 600px.
Lifecycle / onboarding:
Welcome письмо после регистрации. 1 экран — одна цель: пройти onboarding.
CTA: «Открыть кабинет». Тон дружелюбный, без spam-триггеров.
Promo:
Black Friday −30%. Deadline в subject. Hero с промокодом, urgency block, FAQ, footer.
Шаг 4. Reference URLs и вложения
- Ссылки на хорошие email-примеры (reallygoodemails, ваши прошлые кампании)
- Скриншоты PDF-макетов
- Brandbook в attachments
Шаг 5. Discovery → генерация
Агент может спросить:
- Subject line и preheader
- Primary CTA URL
- Юридический footer (адрес компании)
После ответов — HTML в preview справа (single canvas, 600px).
Шаг 6. Проверка и правки
Попросите в чате:
- «Добавь plain-text fallback hint в preheader»
- «Увеличь размер кнопки CTA»
- «Версия для dark mode»
- «Bulletproof button» (VML fallback — если нужен Outlook)
Пайплайн включает email image repair — подмена битых картинок на placeholder.
Шаг 7. Экспорт
Export → HTML — скопируйте в ESP.
Также PDF (превью для согласования) и ZIP.
Viewport для скриншота email в visual critique: 600×1200, scale 350 — учтено в пайплайне.
Что внутри сгенерированного HTML
По skill email (Open Design):
- Preheader text (скрытый preview в inbox)
- Centered 600px table shell
- Mobile
@mediaquery - Dark mode query (где уместно)
- Compliance footer (unsubscribe placeholder)
- Modules из
references/layouts.md: hero, two-column, CTA bar, footer
Интеграция с ESP
- Экспортируйте HTML из NeuroGate
- В Unisender / Sendsay / Mailchimp: вставка своего HTML
- Замените
#UNSUBSCRIBE_LINK#на макрос ESP - Прогоните тестовую отправку + Litmus/Email on Acid при критичных кампаниях
NeuroGate не отправляет письма — только генерирует HTML.
SEO и email
Email не индексируется как сайт, но:
- Preheader влияет на open rate
- Alt-тексты — accessibility
- Чистый HTML — меньше попаданий в spam filters
Попросите в промпте: «subject до 50 символов, preheader 80–100 символов, без CAPS LOCK».
