HtmlDrag
HtmlDrag

Редактор подписи электронной почты

Вставьте существующую HTML-подпись и настройте её визуально: текст, ссылки, отступы и макет.

Зачем использовать ИИ Генератор

  • HTML совместимый с Outlook
  • Редактирование без кода
  • Быстрый предпросмотр
  • У вас есть HTML-подпись от HubSpot или вашей компании? Вставьте код и доработайте его за несколько минут.

Как настроить HTML-подпись электронной почты

1

Вставьте HTML подписи

Скопируйте существующую HTML-подпись и вставьте в инструмент.

2

Предпросмотр и визуальная настройка

Нажмите Предпросмотр, чтобы создать редактируемый проект. Двойной клик для редактирования текста, правый клик для замены изображений.

3

Используйте в Gmail / Outlook

Сохраните работу, затем скопируйте обновлённый HTML в настройки подписи вашего почтового клиента.

Создано для реальных почтовых клиентов

Подписи, которые хорошо выглядят везде

HTML совместимый с Outlook

Сохраняет табличную вёрстку и общие стили электронной почты (включая MSO-свойства) для уменьшения проблем с отображением.

Редактирование без кода

Двойной клик для редактирования текста, правый клик для замены изображений — без ручного редактирования HTML.

Быстрый предпросмотр

Мгновенный предпросмотр в браузере для быстрой итерации.

Почему это стабильно в Outlook (MSO-safe)

Outlook отображает письма с помощью движка на базе Word. Мы стараемся сохранять типичные HTML-паттерны для email и очищать маркеры, которые нужны только редактору, при экспорте.

Сохраняем условные комментарии MSO

Мы сохраняем блоки только для Outlook вроде <!--[if mso]>…<![endif]-->, чтобы условные исправления не терялись при обработке.

Сохраняем табличную структуру письма

Подписи часто построены на <table>-вёрстке. Мы избегаем ненужной переработки структуры, чтобы снизить риск смещений в разных клиентах.

Чистый HTML на выходе (без атрибутов редактора)

При экспорте из HtmlDrag удаляются атрибуты, которые нужны только редактору (например data-editor-id, contenteditable, id editable-*), включая случаи внутри MSO-блоков.

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

Быстрые ответы по безопасной настройке HTML-подписей.

Работает ли это с подписями HubSpot или корпоративными шаблонами?

Да. Если у вас есть HTML-код подписи, вы можете вставить его сюда и настроить.

Сломается ли она в Outlook?

Мы сохраняем табличные структуры и стили Outlook, но всегда тестируйте в своей версии.

Как обновить логотип или аватар?

Обновите URL <img src="..."> в HTML подписи и снова посмотрите предпросмотр.

Можно вставить полный HTML-документ или только фрагмент?

Оба варианта работают.

Это бесплатно?

Редактирование и настройка полностью бесплатны, включая бесплатную загрузку изображений подписи. Новые пользователи получают бесплатные баллы при регистрации, которые можно использовать для загрузки оптимизированного исходного кода HTML.

Готовы настроить подпись электронной почты за несколько минут?

Вставьте HTML-подпись и доработайте её визуально с HtmlDrag.

Редактировать мою подпись

Лучший опыт на компьютере

Полные функции редактирования работают лучше всего на десктопе. Откройте htmldrag.com на компьютере для полного опыта.

htmldrag.com