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

Панель настроек

Вы можете поместить её в левой или правой части экрана.

Содержит почти весь функционал встроенных настроек для редактирования писем.

Панель настроек разделена на 2 части: Оформление и Контент.

Оформление

Вкладка "Оформление" расположена в левой части редактора...

... и содержит общий набор настроек для создания и редактирования писем.

Во вкладке "Оформление" у Вас есть доступ к следующим настройкам:

"Общие настройки"

Они позволяют установить ширину всего письма.

Ширина письма по умолчанию 600 пикселей. Но Вы также можете установить ширину с 320 до 900 пикселей.

Также Вы можете:

  • установить отступы, которые будут использоваться по умолчанию для всех новых структур;

  • установить цвет фона для всего письма;

  • предварительно установить базовый шрифт, который будет применяться ко всему письму;

  • установить по умолчанию межстрочный интервал для всех текстовых элементов;

  • подключить опцию отбивки абзаца;

  • установить или отключить подчеркивание ссылок по умолчанию;

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

  • подключить контрол RTL-текста, тогда весь текст в письме будет иметь направление справа на лево;

  • установить фоновое изображение всему письму.

Полосы

Хедер

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

Здесь Вы можете установить размер шрифта, цвет фона полосы, цвет фона контента, цвет текста и ссылок, а также фоновое изображение полосы.

Контент

В настройках Контента, Вы можете установить размер шрифта, цвет фона контента и цвет текста и ссылок.

Футер

Позволяет установить некоторые параметры, которые применятся ко всем полосам футера в письме. Такие как, размер шрифта, цвет фона полосы, цвет фона контента, цвет текста и ссылок, а также фоновое изображение полосы.

Инфообласть

В настройках Инфообласти, Вы можете установить размер шрифта и цвет текста и ссылок.

Заголовки

Здесь Вы можете установить стиль шрифта по умолчанию, междустрочный интервал, размер, цвет, жирность, наклон, для заголовков H1, H2, H3.

Кнопка

В этом меню доступен эффект подсвечивания кнопки по наведению. По умолчанию при создании письма этот эффект отключен.

Также, вы можете подключить опцию "Поддержка Outlook", которая позволяет обеспечить максимально точное отображение Ваших кнопок в почтовых клиентах MS Outlook за счет вставки специального VML-кода.

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

Меню Кнопка позволяет установить параметры, которые будут применены ко всем кнопкам в письме.

Вы можете установить цвет кнопки, цвет кнопки по наведению, цвет текста и цвет текста по наведению, стиль шрифта, размер шрифта, жирность, наклон шрифта, закругление кнопки (настройка по умолчанию 30 пикселей)

Также, Вы можете отдельно установить границы кнопки, их цвет, обводку по наведению.

В дополнение, в этом меню Вы можете установить отступы для кнопок отдельно.

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

Меню настроек адаптивности используется только для установки параметров отображения писем на мобильных устройствах.

Вы можете установить размер текста для хедера, контента, контента, футера, инфообласти, размер текста для блока меню, хедеры H1, H2, H3 и их горизонтальное выравнивание.

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

Контент меню

В Контент меню Вы можете добавлять в Ваше письмо Структуры, Блоки и Модули - основные элементы шаблона письма.

Для создания такого “скелета” шаблона Вам нужно “перетащить” нужную Структуру с необходимым количеством Контейнеров и затем просто заполнить их Блоками или Модулями с содержимым.

Структуры

Вы можете выбрать структуру которая содержит 1, 2, 3, 4 контейнера из подраздела меню Структуры.

Пожалуйста обратите внимание, что Вы можете добавлять больше Контейнеров в Вашу Структуру после того, как Вы поместили её в своё письмо. Каждая Структура может содержать до 8 Контейнеров.

Блоки

На данный момент в редакторе есть 13 базовых Блоков, включая блок HTML, который позволяет встроить свой собственный код и собственные элементы письма.

Например, базовый блок Картинка:

Этот блок может быть использован для добавления изображений в форматах PNG, JPG or GIF с максимальным размером до 3Мб. Также максимальное расширение изображений 4000х4000px.

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

Больше информации о Блоках можно найти здесь.

Модули

Меню Модулей содержит предварительно сохраненные Модули, которые Вы можете использовать снова и добавлять в Ваше письмо. Вы можете добавлять Ваши любимые Полосы, Структуры и Контейнеры в меню Модули для дальнейшего использования.

В дополнение к этому, Вы можете использовать наши готовые Модули, перетащив их в Ваше письмо.

Больше о модулях вы можете прочитать здесь.


Выпадающее меню со всеми доступными настройками для выбранного элемента появится на панели настроек при использовании области редактирования (см. Описание ниже) и переключении на определенный элемент письма.

Настройки полос

Настройки для Полос доступны на трех вкладках - Внешний вид, Данные, Условия.

Вкладка Данные позволяет настраивать Вашу Полосу (ряд) как Smart Контейнер. Больше о Smart Контейнерах Вы можете прочитать здесь.

На вкладке Внешний вид Вы можете установить цвет фона Полосы, цвет фона Контента, фоновое Изображение.

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

Вы также можете установить одинаковую со всех сторон Границу контента или настроить границу на каждой стороне отдельно.

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

Ниже Вы можете указать тип Полосы - HTML, AMPHTML или же выбрать оба варианта. Подробнее об AMPHTML вы можете прочитать здесь.

Настройки структуры

Настройки для Структуры доступны на трех вкладках - Внешний вид, Данные, Условия.

Вкладка Данные позволяет настраивать Вашу Структуру как Smart Контейнер. Больше о Smart Контейнерах Вы можете прочитать здесь.

На вкладке Внешний вид Вы можете установить цвет фона Структуры, фоновое Изображение.

Условия отображения контента

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

Перейдите в настройки "Проекта", активируйте опцию Условий отображения контента, и после этого, на панели настроек редактора появится новая третья вкладка «Условия». Здесь вы будете устанавливать условия, которые будут применяться к контейнеру, структуре либо строке в вашем ESP в момент отправки. Содержимое этого конкретного контейнера/структуры/строки будет отображаться, если указанное условие выполнено.

Вы можете задавать условия непосредственно в самом шаблоне письма

Кроме того, если вы хотите сделать автоматизированный выбор условий в письмах/шаблонах, то нажмите кнопку «Создать условие». Далее вам нужно добавить необходимые переменные в следующие поля

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

Вы можете применять код любого шаблонизатора (liquid, twig, velocity, и т. д.)

А затем проверить отображение этого условия в предварительном просмотре и протестировать как это будет работать с Вашей стороны.

Вы также можете установить одинаковую со всех сторон Границу контента или настроить границу на каждой стороне отдельно.

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

Ниже Вы можете указать тип Структуры - HTML, AMPHTML или же выбрать оба.

Настройки контейнера

Для Контейнеров настройки доступны на трех вкладках - Внешний вид, Данные и Условия.

Вкладка Данные позволяет настраивать Ваш Контейнер как Smart Контейнер. Больше о Smart Контейнерах Вы можете прочитать здесь.

На вкладке Внешний вид Вы можете установить цвет фона Контейнера и фоновое Изображение.

Ниже Вы можете установить Закругление, используя + или - .

Вы также можете установить одинаковую со всех сторон Границу контента или настроить границу на каждой стороне отдельно.

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

Ниже Вы можете указать тип Контейнера - HTML, AMPHTML или же выбрать оба.

Настройки блока

Настройки Блока зависят от типа Блока. Для каждого блока существуют разные настройки. Узнать о них больше Вы можете здесь.

Область редактирования

Область редактирования занимает большую часть экрана в режиме редактирования.

Это область для редактирования писем и шаблонов.

Вы можете перетащить блоки, структуры, модули в неё из Панели настроек.

Здесь Вы можете установить необходимое количество Полос и их тип.

Используя выпадающие меню Вы можете удалять, перемещать, копировать или сохранять любые элементы писем как модули.

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

Каждая Полоса может содержать неограниченное количество других элементов.

Каждая Структура может содержать от 1 до 8 контейнеров.

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

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

Чтобы связаться с нами в чате, пожалуйста кликните на значок чата и выберите “Отправить сообщение”.

Верхняя панель редактора

Следующий функционал расположен на верхней панели (слева направо).

Логотип Stripo.email - позволяет перейти в главное меню писем и выбора шаблонов.

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

Кнопка настроек панели - позволяет скрывать или показывать боковую Панель настроек.

Кнопка переключения расположения панели настроек - позволяет расположить Панель настроек справа или слева.

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

Кнопка экспорта - показывает список доступных экспортов из Stripo и позволяет экспортировать письмо.

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

Инструкции для более сложных экспортов, для которых требуется большее количество данных есть на нашем youtube канале -

https://www.youtube.com/channel/UCnPMarkPEGzk-3fTM9Jxgcw или в нашей базе знаний.

С кнопка Поделиться вы можете скопировать ссылку вашего письма и поделиться в соц. сетях либо отправить на почту. Также вы можете напрямую поделиться в Facebook и Twitter.

Вы также можете выбрать одну из базовых функций перед тем как поделиться письмом. Выберете Показать исходный код, чтоб другие могли редактировать HTML код отправленного письма и сохранять его. Обратите внимание, что эта функция доступна только на платных планах.

Для того, чтоб добавить тесты на различных устройствах вашего письма, выберете функцию Включить результаты тестирования. Результаты будут доступны, если вы проводили тест ранее. Обратите внимание, что эта функция доступна только на платных планах. Подробнее о тестах можно узнать здесь.

Разрешите всем, кто получил ссылку, делиться этим письмом в соц.сетях. Включите предварительно опцию Разрешить делиться в соцсетях.

Кнопки Отменить изменение, Повторить изменение и История редактирований - позволяют отменить или повторить изменения.

Также, Вы можете просмотреть Историю изменений. Если Вы выберете предыдущую версию письма, Вы сможете увидеть предыдущие версии письма до изменений и восстановить их.

Вы можете восстановить предыдущую версию письма нажав на зеленую кнопку “восстановить” или использовать одну из 3 опций в выпадающем меню справа от кнопки “восстановить”: Восстановить как новое, превью в новой вкладке или экспортировать как.

Кнопка редактора кода открывает встроенный редактор кода Stripo, который позволяет вносить изменения в HTML и CSS код письма напрямую.

Кнопка настроек - позволяет Вам:

  • устанавливать тему письма ( не длиннее 65 символов), которая будет отображаться на устройстве получателя до открытия письма и как заголовок после открытия;

  • устанавливать скрытый предзаголовок (не длиннее 100 символов), который будет отображаться в строке темы письма на устройстве получателя до открытия письма и как заголовок после открытия;

  • добавлять пробелы после скрытого предзаголовка, что помогает избежать эффекта “захвата” текста из письма и расположения его в предзаголовке;

  • добавлять и настраивать UTM метки в письме, которые будут отслеживаться в Google Analytics.. Вы можете узнать больше о UTM метках здесь;

  • или добавлять свои собственные UTM метки, которые применяются ко всем ссылкам в письме;

  • выделить Ваше письмо используя Google Promotional Annotations. Пожалуйста обратите внимание, что этот функционал работает только в Gmail. Вы можете узнать побольше об этом здесь.

Кнопка предпросмотра - позволяет переключиться в режим предпросмотра, в котором Вы сможете увидеть как письмо будет выглядеть на десктопе (на левой стороне экрана) и на мобильном (на правой стороне экрана) устройствах.

В этом меню доступны два вида предпросмотра - AMPHTML and HTML.

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

Предварительный просмотр AMPHTML позволяет проверить, как ваши получатели увидят ваш шаблон с содержимым AMP (блоки Accordion и Carousel) на десктопе и мобильном устройстве.

Подробнее о технологии AMP вы можете прочитать здесь.

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

… и поделиться ей со своими клиентами или коллегами, чтобы показать как выглядит письмо на данный момент. Кнопка “Открыть в новой вкладке” откроет эту ссылку в новой вкладке.

Также, будучи в режиме предпросмотра, вы можете перейти к тестированию письма (см. ниже).

Тестовая кнопка - позволяет Вам использовать два вида тестов:

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

(пожалуйста обратите внимание, что для пользователей бесплатного тарифного плана доступна возможность отправки тестовых писем только на адрес, указанный в профиле аккаунта);

  • Тестирование, основанное на технологии Email On Acid.

Этот функционал не бесплатный. Вы можете найти больше информации о нем здесь.

Панель выбора проекта - позволяет выбирать, переключать и настраивать проекты.

Больше информации об этой функции здесь.

Кнопка меню Stripo находится в правом углу и позволяет перейти в Меню настроек Stripo. Вы можете узнать об этом меню здесь.

В дополнение, Вы можете найти меню смены тарифного плана...

… и также выйти из Вашего аккаунта.

Вы нашли ответ?