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

Обратите внимание, что эта опция включена только в платные тарифные планы.

Список элементов управления с их пояснениями выглядит следующим образом:

Скрытие элемента

Если вы включите этот элемент управления при настройке плагина, он будет добавлен в набор элементов управления для каждого базового блока (например, в блоки «Изображение», «Текст», «Кнопка» и т. д.), контейнера, структуры и полос в письме и будет выглядеть так:

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

Например:

Регулирование отступов на мобильном

Если вы включите этот элемент управления при настройке плагина, он будет добавлен в набор элементов управления для структур, полос и базовых блоков (например, «Изображение», «Текст», «Кнопка» и т. Д.) В разделе «Отступы» и будет выглядеть так:

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

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

Инверсия на мобильном

Если вы включите этот элемент управления при настройке плагина, он будет добавлен в набор элементов управления структурой только в том случае, если в нем 2 контейнера (элемент управления будет скрыт для структур с 1 или более 2 контейнерами внутри) и это будет выглядеть так:

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

Обратите внимание, что по умолчанию этот элемент управления отключен, а также он не будет активным, если клиент отключит элемент управления «Адаптивная структура».

Если клиент включит элемент управления «Инверсия контейнера на мобильном устройстве», контейнер будет помещен на мобильный телефон следующим образом:

  1. Первый контейнер на рабочем столе будет отображаться как второй контейнер на мобильном телефоне;

  2. Второй контейнер на рабочем столе будет отображаться как первый на мобильном телефоне.

Выравнивание на мобильном

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

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

Обводка контента

Если вы включите этот элемент управления при настройке плагина, он будет добавлен в набор элементов управления полосы и будет выглядеть следующим образом:

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

Закругление кнопки

Если вы включите этот элемент управления при настройке плагина, он будет добавлен в набор элементов настроек кнопок и будет выглядеть следующим образом:

Цвет фона письма

Данная опция позволит установить цвет фона для всего письма в "Общих настройках" и для пользователя это будет выглядеть таким образом:

Цвет фона контейнера

Данная опция позволит установить цвет фона в выбранном контейнере и для пользователя это будет выглядеть таким образом:

Картинка в фоне полосы

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

Картинка в фоне структуры

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

Картинка в фоне контейнера

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

Управление количеством контейнеров в структуре и их размерами

Если вы включите этот элемент управления, он будет добавлен в набор элементов управления структурой. Это будет выглядеть так:

Он позволяет добавить новый или удалить существующий контейнер в выбранной структуре (возможно добавить до 8 контейнеров в 1 структуру). Также вы сможете изменять ширину контейнеров и отступы между ними.

Обратите внимание, что если вы нажмете кнопку «Уравнять», ширина контейнеров автоматически станет равной, и все возможности изменить ее будут отключены. Чтобы применить изменения, нажмите кнопку «Уравнять» еще раз.

Ссылка на картинку

После включения данного элемента в меню вы увидите дополнительную опцию «Адрес», которая будет добавлена к набору элементов управления блока изображения (а также для блоков «Меню», «Баннер» и т. д.). Для пользователей это будет выглядеть следующим образом:

Это позволяет указать/заменить URL-адрес изображения без внесения каких-либо изменений в HTML-код. Эта функция полезна, когда клиент не хочет размещать изображение в вашем хранилище и просто хочет разместить его в другом месте (на интернет-сайте или в любом собственном хранилище).

Все, что им нужно сделать — это нажать на данный элемент управления «Адрес» и заменить URL-адрес изображения на нужный в поле «Путь к картинке».

Smart-свойства элементов

Эта опция предоставляет возможность активировать интеллектуальные свойства для контейнеров, структур и полос. Если этот элемент управления активирован во время настройки плагина и клиент выбирает любой контейнер (структуру или полосу), новая вкладка «Данные» будет отображаться в верхней части над набором элементов управления.

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

Узнать больше о smart-элементах вы можете из нашей статьи.

Поддержка AMP HTML MIME версии письма

В марте 2019 года Google выпустил AMP для электронной почты. Со 2 июля 2019 он доступен пользователям G-Suite и по умолчанию включен для всех пользователей Gmail.

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

18 июня 2019 года Stripo начала поддерживать новый формат AMP HTML-шаблона электронной почты в редакторе.

Чтобы донести эту опцию до своих клиентов, вы можете активировать «Поддержка типа AMP HTML Mime версии письма» на странице конфигурации вашего плагина. Когда этот функционал активирован и клиент выбирает любой блок или контейнер (структуру или полосу), новый элемент управления будет добавлен на панель настроек и будет выглядеть следующим образом:

По умолчанию все элементы будут включены в 2 версии шаблона электронной почты: традиционная версия HTML и версия AMP HTML.

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

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

Обращаем ваше внимание, что если в шаблоне электронной почты есть хотя бы один элемент, включенный в версию AMP (или если он содержит собственный код с компонентами AMP), то при вызове функции JS compileEmail или метода сжатия с вашего сервера, кроме HTML версии в ответ вы получите AMP HTML версию вашего email-шаблона.

Редактор картинок

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

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

Если у вас есть какие-либо вопросы, пожалуйста, напишите нам на почту support@stripo.email или задайте их в онлайн-чате.

Rollover эффект

Эта функция также известна как наведение мыши. Когда вы помещаете курсор мыши на изображение, оно заменяется другим.

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

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

Как реализовать Эффект Rollover изображения в Stripo:

1) загрузить изображение

2) переключить кнопку «Эффект Rollover» на панели настроек

3) загрузить второе изображение - отредактируйте его при необходимости

4) вставьте ссылку на URL - она будет привязана к обоим изображениям

5) введите «Альтернативный текст»

6) установить выравнивание и размер изображения

Узнать больше о том, как можно использовать эффект ролловера изображений, можно из этой статьи

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