Шаблоны How-to
~ 7 мин читать
27762 просмотры
оценить
13 апреля 2019

Предварительный просмотр и отправка тестовых писем в Stripo

Stripo / Blog / Предварительный просмотр и отправка тестовых писем в Stripo

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

В этом посте мы покажем, как:

1. предварительно просмотреть отображение письма на мобильных и десктопных устройствах;

2. получить общую ссылку для распространения среди коллег и клиентов для утверждения;

3. отправить тестовое письмо;

4. проверить, как отображается ваше письмо в популярных почтовиках и на различных устройствах — более 90 популярных комбинаций.

Это важно

  • мы предоставляем определенное количество тестовых писем в день в соответствии с вашим тарифным планом. Пожалуйста, посетите эту страницу, чтобы проверить количество тестовых сообщений, доступных вам;

  • вы тестируете не только дизайн письма, но также тему и прехедер;

  • в тестовых письмах вы не будете указаны как отправитель, так как вы настраиваете эти параметры в ваших ESP;

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

1. Предварительный просмотр письма на мобильных и десктопных устройствах

Превью HTML-письма показывает, как ваше сообщение будет отображаться на устройствах получателей.

Чтобы перейти в режим предпросмотра, вам нужно:

  • нажать кнопку “Предварительный просмотр” над шаблоном;

Stripo Preview Button

  • после этого вы увидите экран, разделенный на две части:

а) в левой части – превью для десктопной версии;

б) в правой части – для мобильных устройств;

Stripo-Sending-Test-Emails-Preview

  • Вы можете прокрутить их вниз, чтобы увидеть весь емейл;

  • В этом режиме вы можете:

а) воспроизвести видео;

б) проверить, работает ли эффект ролловера или другой интерактивный элемент;

в) проверить все URL-ссылки;

  • Чтобы вернуться к шаблону, нажмите “вернуться в редактор” или кнопку Esc.

Stripo Preview Escape Button

Важно отметить:

В этом режиме вы не можете тестировать тему письма и текст прехедера.

Поскольку различные устройства имеют разные размеры экранов, а почтовики — разные правила рендеринга, мы не можем гарантировать, что ваш емейл будет выглядеть именно так, как показано в режиме предпросмотра.

2. Как получить ссылку на веб версию письма для распространения среди коллег и клиентов

Чтобы поделиться созданным вами письмом с коллегами и клиентами для утверждения, вам понадобится общая ссылка.

Чтобы получить эту ссылку, вам нужно:

  • перейти в режим предпросмотра;

  • нажать кнопку “Копировать” или “Открыть в новой вкладке” над письмом.

Stripo Getting Shareable Link Ru

Важно отметить:

Открыв эту ссылку в новом окне, вы увидите тему и прехедер шаблона.

Stripo-Test-HTML-Email-Subject-Line

3. Как отправить тестовое письмо

В Stripo можно создать два типа писем: классический HTML и AMP HTML. 

  • HTML письма

На самом деле с помощью Stripo отправить тестовое письмо очень просто.

Чтобы протестировать шаблон, вам нужно:

  • нажать кнопку “Тестировать» над шаблоном. Она похожа на самолет;

Stripo Testing Emails the Test button

  • во всплывающем окне введите свой email-адрес;

  • если вы хотите отправить HTML-тест на несколько адресов, разделяйте их запятыми;

Stripo Testing Emails Entering Email Address

  • проверьте свои входящие.

Пожалуйста, проверьте все ссылки в вашем емейл. Как? Кликните каждую из них и посмотрите, куда они вас приведут.

Важно отметить:

Если вы добавили в емейл интерактивные элементы, вам нужно протестировать HTML-шаблон на максимальном количестве разных девайсов и во всех емейл-клиентах. Отправляйте тестовые сообщения коллегам, друзьям, всем, кто не против узнать, работает ли интерактивность в ведущих емейл-клиентах мира. Это связано с тем, что у каждого почтовика свои правила отображения интерактивных элементов.

  • AMP HTML письма

К отправке АМР писем выдвигаются особые требования из соображений безопасности данных получателей. И отправка даже тестовых писем требует нашего внимания.

Дабы иметь возможность отправлять тестовые АМР письма себе на почту, вам нужно:

  • войти в настройки Gmail, нажав на шестеренку;
  • в выпадающем окне выбрать пункт "Настройки";

Gmail Settings

  • в новом окне в разделе "Общие" найти пункт "Динамический контент";
  • поставить галочку возле "Включить динамический контент в письмах";
  • кликнуть на "Настройки для разработчиков";

Enabling Dynamic Content_Ru

  • в новом окне вставить наш тестовый адрес info@stripo-test.email и нажать "ОК";

Adding Trusted Sender_Ru

  • готово.

Как мы уже сказали, вы не можете проверить имя отправителя с помощью Stripo. Тем не менее, вы можете проверить тему и прехедер.

Вот что я получила:

Stripo-Test-HTML-Email-Checking-my-Inbox

4. Проверить, как ваше письмо отображается в 90 почтовых клиентах и устройствах

В апреле этого года Stripo интегрировались с Email on Acid. И теперь у вас есть возможность узнать прямо в нашем редакторе, как ваше письмо будет отображаться в популярных почтовиках и на популярных устройствах.

Более подробную информацию о том, как увидеть письмо глазами клиента, вы найдете в нашей статье-инструкции.

Нравится результат? Экспортируйте письмо в ESP, который вы используете.

В завершение

Только протестировав и просмотрев, как ваше письмо отображается на различных устройствах, вы можете быть спокойны - получатели увидят вашу рассылку именно в том виде, в каком вы ее задумали.

Используйте более 300 подготовленных нами HTML-шаблонов, чтобы сэкономить 60% времени на создание письма.

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
banner9
06 июня · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
24 мая · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Шаблоны
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

Хорошие подписи в письмах помогают нам развивать бизнес и производить хорошее впечатление на клиентов. И поскольку это последний элемент, который люди видят в письмах, нам нужно сделать подписи креативными и запоминающимися. Давайте рассмотрим лучшие примеры подписей и их правильное использование в письмах и шаблонах рассылок. Стоит отметить, что профессиональные подписи с подробной контактной информацией нужны для любого бизнеса. Используйте этот шаблон, чтобы создавать подписи для рассылок быстрее Использовать Такой пример подписи хорошо подходит для юридических консультаций, банковского дела и т.д....

Дизайн Маркетинг Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!