Как вставить иконки в конструкторе 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.![]() |
Назначение | Сохраняет избранное, выбранное посетителем, для большего удобства. |
Политика конфиденциальности | 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.![]() |