Шаблон Loopmail: email-рассылки и консоль кампаний
Loopmail это готовый шаблон Zugo: лендинг сервиса email-автоматизации плюс консоль кампаний со статусами, метриками открытий и цепочкой писем. Внутри три страницы в одном файле: продающая, вход и рабочий кабинет. Клон шаблона в ваш проект бесплатный, кредиты списываются только с первой правки в чате.
Ниже разберём состав шаблона, какие переделки он выдерживает, что подключить, чтобы письма действительно уходили, и где у него честная граница.
Что внутри шаблона Loopmail?
Loopmail это лендинг с показом продукта, а не просто набор блоков с текстом. За кнопкой входа лежит рабочая консоль, по которой можно походить, и это сильнее любого скриншота.
| Раздел | Что в нём лежит | Что меняют первым делом |
|---|---|---|
| Первый экран | Обещание про рассылку, которая идёт сама | Название, оффер, главный экран продукта |
| Возможности | Сценарии перетаскиванием, живые сегменты, автоматические тесты, доставляемость | Свой набор функций |
| Шаблоны писем | Блок про готовые письма на каждый момент цепочки | Свои типы писем |
| Как начать | Три шага: занести людей, нарисовать цепочку, включить | Свои шаги онбординга |
| Цены | Три тарифа с переключателем помесячно и на год | Свои тарифы и лимиты |
| Вопросы | Блок возражений перед покупкой | Реальные вопросы клиентов |
| Консоль | Кампании со статусами: черновик, запланирована, отправлена, плюс средние открытия и клики | Метрики, статусы, поля |
Полезная деталь: раздел с онбордингом сведён к трём шагам. Три это тот предел, после которого читатель перестаёт верить, что начать легко, и пять шагов вместо трёх заметно снижают доверие к обещанию простоты.
Вторая деталь: в консоли лежит цепочка с задержкой между письмами. Это самая наглядная часть автоматизации, и она объясняет продукт лучше, чем абзац про сценарии.
Третья: у кампаний ровно три статуса. Черновик, запланирована, отправлена. Соблазн добавить ещё пять состояний возникает почти сразу, но каждое новое требует объяснения пользователю, и обычно из придуманных остаётся именно три.
Кому подходит Loopmail?
Прямое попадание: сервис рассылок, инструмент автоворонок, продукт про удержание клиентов через письма.
Второй круг: любой SaaS, где есть список объектов со статусами и метриками сверху. Отправка сообщений, публикации в соцсетях, обзвоны, уведомления. Меняются подписи, механика та же.
Третий круг: лендинг агентства или подрядчика, который делает рассылки для клиентов. Тут консоль работает как демонстрация подхода, а не как продаваемый продукт.
Есть и четвёртый сценарий, про который вспоминают редко: питч будущего продукта. Пока сервиса нет, шаблон даёт кликабельную версию для показа партнёрам и первым пользователям, и делает это за 0 кредитов на старте.
Проверка пригодности занимает минуту: откройте превью, зайдите в консоль и посмотрите на список кампаний. Если ваш пользователь приходит именно за таким списком, шаблон подойдёт почти без переделки структуры.
Не подходит Loopmail в качестве настоящей платформы рассылок. Доставляемость, репутация домена, отписки, обработка жалоб и учёт согласий это инфраструктурная работа, а не интерфейс, и её не собрать переделкой макета. Если задача сводится к сбору подписчиков, а не к отправке, ближе окажется разбор про форму подписки на рассылку.
Как переделать Loopmail под свою задачу?
Правки делаются в чате обычными фразами, по одной мысли за раз. Начинать надо с предмета, потому что от него зависит и лендинг, и консоль.
- Смените продукт: «переименуй в Pulse, вместо писем отправляем сообщения в мессенджер, статусы оставь те же». Одна фраза меняет обе части.
- Приведите тарифы к своим: «два тарифа вместо трёх, лимиты считай по подписчикам, годовой со скидкой». Тарифы переписывают чаще всего остального.
- Замените метрики консоли на осмысленные для вас: открытия и клики подходят письмам, но для заявок нужны совсем другие числа.
- Перепишите блок вопросов под настоящие возражения. Общий FAQ из четырёх выдуманных вопросов не снимает ни одного сомнения.
- Опубликуйте на адресе вида имя-проекта.zugo.run и пройдите путь от первого экрана до консоли с телефона, включая вход.
Лендинг и консоль лежат в одном файле, поэтому меняйте их согласованно. Обещание на первом экране, которого нет внутри, замечают на первой минуте демонстрации.
Сколько кредитов уходит на переделку?
Клон шаблона бесплатный: страница копируется в ваш проект без обращения к модели. Кредиты тратятся с первой правки.
| Действие | Кредитов | Комментарий |
|---|---|---|
| Клон шаблона в новый проект | 0 | Копия готовой страницы, ИИ не вызывается |
| Одна правка в чате | 3 | Тексты, тарифы, метрики, набор блоков |
| Полная пересборка проекта | 6 | Когда проще собрать заново |
| Многостраничная платформа, первые три страницы | 12 | Если продукт разрастается в разделы |
| Каждая следующая страница платформы | 3 | Раздел сверх первых трёх |
| Правка в режиме Hi-Fi | 6 | Режим вдвое дороже обычного |
| Сборка в режиме Hi-Fi | 12 | Тот же коэффициент |
Бесплатный тариф даёт 5 кредитов: хватает на клон и одну правку. Pro стоит $25 в месяц за 200 кредитов, Business стоит $99 в месяц. Переделка лендинга и консоли под свой продукт обычно занимает от восьми до пятнадцати правок.
Перед выдачей каждая пересборка запускается в песочнице, и та, что не открылась, вам не отдаётся. Поэтому неудачная формулировка стоит минуты и трёх кредитов, а не вечера разбирательств с пустым экраном.
Зачем лендингу показывать внутренний экран?
Потому что продукт, который нельзя потрогать, приходится описывать словами, а слова у всех похожие. Автоматизация, простота, рост: эти обещания стоят одинаково для сильного и слабого сервиса.
Loopmail решает это связкой лендинга и живой консоли за кнопкой входа. Посетитель не читает про сценарии, а видит цепочку с задержками. Разница в убедительности примерно как между описанием квартиры и просмотром квартиры.
Приём переносится на любой продукт со внутренним экраном. Сделайте демонстрационный кабинет с честными выдуманными данными и дайте в него зайти. Одно условие: пометьте, что это демонстрация, иначе первое разочарование случится ровно тогда, когда человек попробует нажать на кнопку по-настоящему.
Практически это одна правка: «добавь на первый экран кнопку, которая ведёт в демонстрационную консоль без регистрации». Три кредита, а эффект на лендинге обычно заметнее, чем от переписывания заголовка в десятый раз.
Только не подменяйте демонстрацией продукт. Живая консоль на лендинге ускоряет решение, но если после регистрации человек получает меньше, чем видел в демо, вы потеряете его на первой минуте и не вернёте вторым письмом.
Что подключить, чтобы письма уходили?
Шаблон это интерфейс. Ни одно письмо из консоли никуда не улетит, пока не подключён почтовый провайдер, и это первое, обо что спотыкаются при показе продукта живому человеку.
Resend отвечает за отправку: транзакционные письма, подтверждения, уведомления. Формулировка правки короткая: «подключи Resend, письмо о подписке отправляй на почту пользователя». Разбор связки целиком есть в материале про подключение Resend.
Supabase хранит подписчиков, кампании и аккаунты: без базы консоль остаётся демонстрацией и забывает всё при обновлении страницы. Stripe закрывает подписку на сам сервис по тарифам с лендинга. Google Analytics показывает, сколько людей доходит от первого экрана до регистрации, свой домен подключается на платных тарифах, экспорт в GitHub отдаёт исходники настоящим репозиторием.
Порядок подключения такой: сначала база и вход, потом отправка писем, потом оплата, и лишь затем аналитика. Просите каждое подключение отдельной правкой: короткая фраза про почту отрабатывает предсказуемее, чем длинный абзац, где она упомянута между новым тарифом и другим шрифтом заголовка.
Чего Loopmail не сделает?
Три честные границы, и первая из них крупная.
Первая: массовые рассылки это не только отправка. Согласия, отписки в один клик, обработка жалоб, прогрев домена, репутация отправителя. Требования зависят от страны, а последствия ошибки касаются вашего домена целиком. Шаблон даёт интерфейс, а не соответствие правилам.
Вторая: демо-данные декоративны. Проценты открытий, названия кампаний и имена подписчиков выдуманы для показа, и оставлять их в живом продукте нельзя. Красивая метрика открытий из шаблона, показанная как своя, это обещание, которого вы не давали.
Третья: логика автоматизации доводится правками, а не одним промптом. Ветвления по поведению, повторные отправки не открывшим, ограничение частоты, часовые пояса получателей. Каждая такая вещь это отдельный разговор с агентом, и Zugo не заменяет команду разработки там, где эта логика и есть продукт.
Ни одна из границ не отменяет пользу шаблона. Для лендинга, для показа идеи и для транзакционных писем своего проекта он подходит целиком, а массовые рассылки на чужие адреса это отдельная дисциплина с отдельной ответственностью.
С чего начать?
Откройте галерею шаблонов, найдите Loopmail и запустите превью. Клон бесплатный, поэтому пройти путь от лендинга до консоли можно, не потратив ни одного кредита. Первую правку делайте про предмет, а тарифы и палитру оставьте на потом: именно предмет решает, какие метрики и какие статусы вообще имеют смысл в консоли.
Если задача ближе к счетам и оплатам, чем к рассылкам, посмотрите шаблон Ledgerly: та же связка лендинга и рабочего кабинета, но про деньги и сроки оплаты.
Дальше двигайтесь короткими шагами: одна правка, один взгляд на результат и одно решение о следующем шаге. Так расход кредитов остаётся понятным, а продукт не уезжает в сторону, откуда его придётся возвращать ещё несколькими правками.
Взять Loopmail и переделать под себя можно на zugo.dev: стартовых кредитов хватит, чтобы увидеть свою версию и решить, стоит ли идти дальше. Карта для этого не нужна, а опубликованный проект сразу получает адрес, который можно показать первым пользователям.