Visual Email Builder

Drag-and-drop редактор + библиотека из 6 шаблонов

Соберите письмо за минуты без вёрстки HTML вручную. 8 типов блоков (header, hero, text, image, button, divider, spacer, footer), brand-токены, live preview с переключением mobile/desktop. Один JSON-документ — серверный рендерер генерирует email-safe HTML с inline styles для Outlook и Gmail.

Что внутри

8 типов блоков с inline свойствами — клик → раскрываются настройки прямо под блоком.
Brand-уровень: 5 цветов, font-family, border-radius, content width — применяются ко всем блокам.
Live preview справа с 350ms debounce. Переключение mobile (360px) / desktop одним кликом.
Drag за grab-handle для reorder, ↑↓/duplicate/delete на hover. Keyboard shortcuts: Cmd+S/D/Backspace.
6 готовых шаблонов в библиотеке: welcome / verify / reset / order / receipt / newsletter. Один клик клонируется в ваш аккаунт.
Send-test прямо из редактора — письмо реально уходит через Postal с префиксом [TEST].

Как использовать в коде

// Reference a visual template from your code
import { sendersy } from '@/lib/sendersy'

await sendersy.emails.send({
  from: 'Acme <noreply@acme.com>',
  to: user.email,
  template_id: 'welcome',            // ← built in the visual editor
  variables: {
    name: user.name,
    verify_url: `https://acme.com/verify/${token}`,
  },
})
// The server renders editor_state JSONB into HTML and dispatches via Postal.

Частые вопросы

Можно ли импортировать HTML из Figma / Stripo?

Да — через Code-режим вставьте HTML вручную. Visual builder и Code-mode хранятся в одной таблице templates, переключаются по флагу.

Какие переменные поддерживаются?

{{name}}, {{any_key}} — простая подстановка. Плюс {{#if var}}…{{/if}} и {{#unless var}}…{{/unless}} для условных блоков.

Попробуйте сами

Открыть библиотеку шаблонов