Блок с иконками

Инструкция по настройке блока с иконками

Виктория avatar
Автор: Виктория
Обновлено больше недели назад

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

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

Рассмотрим подробнее все настройки данного блока.
Кнопка «Добавить новую иконку» позволяет добавить нужное вам количество иконок:


Кнопка «Изменить картинку» (1) дает возможность установить изображение через хранилище контента. Кнопка «Графические эффекты» открывает редактор для работы с изображением (2). При переключении слайдера «Подробнее» открываются расширенные настройки для иконки (3):


«Url иконки» (1) – поле, в которое вы можете вставить ссылку на изображение вашей иконки, если оно не загружено в наше внутреннее хранилище.


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


Настройка «Тип ссылки» (4) позволяет задать действие, которое будет выполнено:


Действие «Открыть ссылку».
Вы можете установить страницу, на которую будет направлен пользователь после нажатия на иконку, а также задать файл для скачивания. Параметр «Цель» (2) определяет, откроется ссылка в текущей вкладке или новой.
Поле «Заголовок» устанавливает заголовок для страницы, на которую будет осуществлен переход:


Действие «Отправить письмо».
При нажатии на иконку пользователь сможет сразу отправить вам email. Укажите адрес, на который вы хотите получить письмо (1).
Также доступны поля для установления темы письма (2), содержания (3) и заголовка (4). Но эти поля пользователь сможет изменить при отправлении письма:


Действие «Позвонить».
Если почтовый клиент получателя письма умеет обрабатывать url-схему «tel:», то при нажатии на иконку он сможет позвонить на указанный номер телефона:


Действие «Отправить СМС».
Если почтовый клиент получателя поддерживает url-схему «tel:», вы можете задать действие, при котором отправится СМС на указанный номер (1). Предварительно можно установить текст СМС (2) и его заголовок (3):


Рассмотрим общие настройки для блока иконки.
Для текста иконок вы можете установить шрифт:


Установить обычную или жирную толщину шрифта:


Задать размер шрифта:


А также задать цвет. Цвет устанавливается с помощью цветовой палитры(1) или RGB (2):


Вы можете выровнять иконки внутри блока: слева, по центру или справа:


«Межбуквенный интервал» позволяет изменить расстояние между буквами:


«Размер иконки» позволяет установить желаемый размер иконки. Доступны размеры 16рх, 32рх, 64рх, 128рх:


С помощью настройки «Интервал иконок» можно отрегулировать расстояние между иконками:


Настройка «Отступы иконки» позволяет задать отступы для иконок (1). Изображение рядом (2) помогает представить заданные отступы. Переключив слайдер (3), вы можете задать отступ для каждой стороны иконки отдельно:


Параметр «Отступы» задает отступы внутри блока. При включении слайдера (1) вы можете настроить отступы для каждой стороны отдельно (2). Изображение (3) поможет визуализировать заданные отступы:


С помощью опции скрытия блока вы можете настроить отображение блока на десктопе или мобильном телефоне:

Нашли ответ на свой вопрос?