Создавайте и запускайте емейлы быстрее и эффективнее

Ampier Framework: создан разработчиками для разработчиков, которые каждый день верстают письма

Начать
Документация

Ampier Framework рационализирует процесс верстки писем

Собирайте, оформляйте и проверяйте HTML- или AMP-версии писем с помощью Ampier Framework.

Простой и понятный инструмент

  • Удобство

    Легко подключить и использовать. И код всегда выходит человекочитаемым и лаконичным.

  • Адаптивность

    Код, созданный с помощью фреймворка Ampier, правильно себя ведет в любом почтовике, включая Outlook.

  • Гибкость

    Фреймворк не накладывает ограничений на структуру письма.

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

Добавьте скрипт TJML init code в файл HTML
1
<script type="text/javascript">var  s=document.createElement("script"), l=document.createElement("link"),  d=new Date;s.setAttribute("src",  "https://ampier.ru/tjml/app.js?ver="+d.getTime()),  l.setAttribute("type","text/css"), l.setAttribute("rel","stylesheet"),  l.setAttribute("href",  "https://ampier.ru/tjml/app.css?ver="+d.getTime()),  document.head.appendChild(l),  document.body.appendChild(s);</script>
Добавьте <div> c id="app" внутрь тега <body>, чтобы начать использовать TJML-компоненты
2
<html>

  <head>

    <title>my title</title>

  </head>

  <body>

    <div id=”app”></div>

  </body>

</html>
Простой TJML-код выглядит так:
3
<div id="app">

  <tj-ui>

    <m-body>

      <!-- email code -->

    </m-body>

  </tj-ui>

</div>
Фреймворк позволяет одновременно использовать и специальные TJML-теги, и обычный HTML
4
<m-text> If you don’t want to receive emails from us in the future, click to unsubscribe.<a href="#" target="_blank" style="color:#cc0000"> ampier.ru </a> ampier.ru
</m-text>
Начать
Документация

Эксперименты с емейлами станут удобнее с функцией предварительного просмотра в Ampier Framework

Пример регулярной рассылки с новостями

Письмо от Skyeng

Фреймворк Ampier поможет вашему бренду создавать динамичные регулярные емейлы. Посмотрите пример емейла от онлайн-школы иностранных языков: как сократился и упростился код.

Открыть в Playground Открыть демо
Мини-игры на основе технологии AMP

Геймифицируйте свои емейлы

Игры отлично вовлекают пользователей, а фреймворк Ampier отлично умеет встраивать игры в письма. Вот пример: как простая викторина вписана в код емейла.

Открыть в Playground Открыть демо
Данные о настройках подписки

Пусть подписчики сами принимают решения

Дайте своей аудитории возможность управлять подпиской: как они хотят получать рассылки и какой контент им интересен. Это увеличит вовлеченность и снизит показатели отписки.

Открыть в Playground Открыть демо

Узнайте, как еще можно улучшить ваши емейлы

  • Маркетологам

    Ampier Email Builder

    Создавайте письма используя предустановленные заготовки, в том числе и AMP, или создавайте собственные.

    Экспортируйте емейлы в свою ESP и с помощью аналитики в реальном времени наблюдайте, как пользователи взаимодействуют с ними.

    Подробнее Email Builder
  • Дизайнерам

    Ampier Figma Plugin

    Превратите ваш невероятный дизайн в готовый к отправке HTML/AMP код с помощью плагина для Figma.

    Экспортируйте адаптивный код в виде zip-архива или сохраните макеты напрямую в Ampier.

    Подробнее о Figma Plugin
Оксана Фронтенд-разработчица

Очень комфортно работать с кодом в TJML-фреймворке. Нет нагромождения оберток таблиц, блоков для Outlook, и поэтому код легко читается. Если нужно внести правку или поменять блоки местами, это делается очень быстро. Код компактный и понятный. В итоге при выгрузке получаем верстку, которая правильно отображается в любом почтовике.

Елена Фронтенд-разработчица

Главное достоинство TJML-фреймворка – он упрощает верстку, и на выходе получаем правильный код, который одинаково хорошо отображается во всех почтовиках (учитывая их особенности). Больше нет длинных и запутанных оберток из таблиц, больше не надо повторять стандартные атрибуты у текста. Перестроения и фоновые картинки теперь стали любимым и интересным моментом в верстке писем.

Лола Емейл-менеджер

Мне удобно пользоваться Ampier Figma Plugin, потому что я не умею верстать письма. Плагин в Figma спасает меня всегда, особенно когда в короткий срок необходимо придумать серию писем, а рядом нет специалиста по вёрстке. Легко использовать, не надо верстать, и суппорт отзывчивый.

С Ampier ваши емейлы всегда будут оправдывать ожидания подписчиков. Убедитесь сами!

Все больше провайдеров начинают поддерживать технологию AMP в емейлах. Присоединяйтесь к будущему емейл-маркетинга!

Попробуйте бесплатно