Содержание

Как вставить иконки в конструкторе UniSender

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

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

Разберемся, как добавить и настроить иконки в конструкторе.

Добавляем блок с иконками в письмо

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

По умолчанию вы получите иконку в форме звезды, но ее можно заменить на любую другую с помощью опции «Изменить картинку».

Добавляем ссылку к каждой иконке

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

В строку «Url иконки» можно вставить ссылку на иконку на внешнем хранилище, если не хотите загружать ее в UniSender (2).

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

Чтобы подписать иконку, используйте строку «Текст иконки» (4). Лучше вводить короткие названия, например, «Отзывы» или «Позвонить».

С помощью разных типов ссылки настройте действие при клике на иконку: открыть ссылку, отправить письмо, позвонить, отправить СМС (5).

Выбираем действие при клике на иконку

Разберем подробнее, какие действия можно выбрать в строке «Тип ссылки».

Открыть ссылку. При клике по иконке пользователь попадет на страницу сайта, которую вы укажите. Важно добавлять ссылки с протоколом http:// или https://.

Далее в выпадающем списке «Цель» выберите, как будет открываться ссылка —  в новой вкладке или в текущей.

Отправить письмо. Читатель сможет отправить письмо на заданный email прямо из рассылки. Укажите, на какой email будет отправлено письмо. Также можете задать тему и написать текст письма. Но эти данные отправитель сможет редактировать.

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

Отправить СМС. Работает по такому же принципу, что и ссылка «Позвонить», то есть при нажатии на иконку пользователь сможет написать СМС-сообщение на заданный номер.

Настраиваем блок с иконками

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

Шрифт, цвет и размер шрифта. Выберите шрифт подписи иконок. Лучше использовать тот же, что и в письме. Цвет текста можно выбрать как из предложенной палитры, так и вставить его в виде шестнадцатеричного кода.

Размер иконок. По умолчанию иконки загружаются в размере 32 px. При желании их можно уменьшить до 16 px или увеличить до 64 px и 128 px. Выберите нужный размер в выпадающем списке.

Интервал между иконками. Позволяет отрегулировать интервал между иконками от 0 до 20 единиц.

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

Опция «Скрыть». Позволяет скрыть блок «Иконки» при просмотре на мобильном или на компьютере. Чтобы сбросить эту настройку, нажмите на крестик.

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

 

Вставка социальных иконок | www.epochta.ru

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

Опция доступна в меню «Вставить» . Также можно воспользоваться кнопками на панели редактирования. Использование данной функции возможно только при работе с сообщением в формате HTML во вкладке «Сообщение».

Вставка иконок возможна нескольких видов «Facebook», «Twitter»,«Google+», «Вконтакте » и «Одноклассники»

Вставить ссылку «Facebook»

«URL» — ввод адреса активной ссылки

«16×16» — выбор требуемого размера иконки

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

Вставить ссылку «Google+»

«URL» — ввод адреса активной ссылки

«16×16» — выбор требуемого размера иконки

На месте курсора в тело сообщения вставляется иконка Google+, за которой закреплена активная ссылка (отображается в HTML коде). При нажатии на иконку (в режиме просмотра сообщения) происходит активация страницы, которая открывается в редакторе сообщения.

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

Вставить ссылку «Вконтакте»

«Заголовок» — ввод заголовка/ темы страницы

«URL» — ввод адреса активной ссылки

«16×16» — выбор требуемого размера иконки

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

Вставить ссылку «Одноклассники»

«Заголовок» — ввод заголовка/ темы страницы

«URL» — ввод адреса активной ссылки

«16×16» — выбор требуемого размера иконки

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

Вставить ссылку «Twitter»

«Заголовок» — ввод заголовка/ темы страницы

«URL» — ввод адреса активной ссылки

«16×16» — выбор требуемого размера иконки

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

  • Открытие сообщения
  • Сохранение сообщения
  • Отправка сообщения

90 142 значков ссылок — бесплатно в SVG, PNG, ICO

Получите неограниченный доступ к более чем 5,4 миллионам активов
Получить полный доступ

Ссылка на сайт Значок

Линкедин Значок

Линкедин Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Структура ссылок Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка отключена Значок

Ссылка на сайт Значок

Связь Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на страницу Значок

Связь Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Линкбилдинг Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка отключена Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Связь Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Связь Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка на сайт Значок

Ссылка — iconmonstr

Ссылка — iconmonstr > #

Чтобы использовать этот значок, вы должны сначала принять лицензионное соглашение.

Вы хотите очистить все ваши любимые значки?

Встроенный

База64

СВГ

PNG

Я согласен с лицензионным соглашением

© 2022 iconmonstr

Получить обновления:

© 2022 iconmonstr

Сделано в Германии

Ускорено KeyCDN

Получить обновления:

Мы используем файлы cookie для улучшения вашего опыта и разработки контента на нашем веб-сайте. Нажимая «Принять», вы соглашаетесь на использование файлов cookie в маркетинговых и аналитических целях в соответствии с нашей Политикой конфиденциальности. Вы можете отменить или изменить свой выбор в любое время в настройках.

iconmonstr использует куки
  • Существенный
  • Аналитика
  • Маркетинг

Принимать

Сохранить варианты

Настройки

Сведения о файлах cookie Политика конфиденциальности Официальное уведомление

Настройки файлов cookie

Мы используем файлы cookie для улучшения вашего опыта и разработки контента на нашем веб-сайте. Нажимая «Принять», вы соглашаетесь на использование файлов cookie в маркетинговых и аналитических целях в соответствии с нашей Политикой конфиденциальности. Вы можете дать свое согласие на целые категории или отобразить дополнительную информацию и выбрать определенные файлы cookie.

Принимать Сохранить варианты

Настройки файлов cookie

Основные (2)

Основные файлы cookie обеспечивают выполнение основных функций и необходимы для правильной работы веб-сайта.

Показать информацию о файлах cookie Скрыть информацию о файлах cookie

Имя Печенье Борлабс
Провайдер Владелец этого веб-сайта, официальное уведомление
Назначение Сохраняет настройки посетителей, выбранные в окне файлов cookie Borlabs Cookie.
Политика конфиденциальности https://iconmonstr.com/privacy
Имя файла cookie borlabs-cookie
Срок действия файла cookie 1 год
Имя Избранное печенье
Провайдер iconmonstr. com
Назначение Сохраняет избранное, выбранное посетителем, для большего удобства.
Политика конфиденциальности https://iconmonstr.com/privacy
Имя файла cookie простые избранные
Срок действия файла cookie 1 год

Аналитика (1)

Аналитика

Аналитические файлы cookie собирают информацию анонимно. Эта информация помогает нам понять, как наши посетители используют наш веб-сайт.

Показать информацию о файлах cookie Скрыть информацию о файлах cookie

Принять Гугл Аналитика
Имя Гугл Аналитика
Провайдер Google Ireland Limited, Gordon House, Barrow Street, Dublin 4, Ирландия
Назначение Файл cookie Google, используемый для аналитики веб-сайта. Генерирует статистические данные о том, как посетитель использует веб-сайт.
Политика конфиденциальности https://policies.google.com/privacy?hl=en
Имя файла cookie _ga, _ga_GFRCSSZWFC
Срок действия файла cookie 2 года

Маркетинг (1)

Маркетинг

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

Показать информацию о файлах cookie Скрыть информацию о файлах cookie

Принять КупитьПродатьОбъявления
Имя КупитьПродатьОбъявления
Провайдер BuySellAds.
Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *