Работа с блоком "Соц.сети"

Основная цель блока “Социальные сети” в письме – это удержать/оставить/повысить активность покупателя или потенциального клиента в других каналах посредством подписки на ваши социальные страницы. Следовательно, ссылки на социальные сети стоит использовать как в триггерной, так и в промосерии писем.

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

Как добавить блок “Соц.сети” в письмо

Во вкладке “Контент” зайдите в пункт меню “Блоки”, выберите блок “Соц. сети” и перетяните его в письмо.

Добавление блока "Соц.сети" в письмо

При этом возможны два варианта добавления блока:

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

Вставка блока между существующими элементами

  1. Если перетащить блок в пустую структуру, все форматирование – отступы, фон и т.д. – нужно будет задать во вкладке “Внешний вид” меню “Структуры”, расположенного слева.

Вставка блока с пустую структуру

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

Меню выбора иконок

Здесь можно загрузить кастомные иконки или выбрать из уже предложенных вариантов.  Если у вас есть свой набор оригинальных иконок, выберите пункт “Пользовательские лого”. Появится окно загрузки изображений:

Окно загрузки изображений

Добавление кастомных логотипов соцсетей аналогично вставке любых изображений в редакторе eSputnik: их можно загрузить со своего компьютера, с помощью ссылки на внешний ресурс или выбрать в фотобанке.

Добавление изображений в редактор

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

Серые лого

Как управлять блоком “Соц.сети”

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

Меню настроек блока

  1. Чтобы добавить заливку блока, нужно нажать на поле с кодом цвета и в раскрывающемся окне выбрать нужный цвет, или добавить код по примеру #000000.

Цвет фона блока

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

Выбор размера иконок

3. С помощью значка “Корзина” иконка удаляется.

Удаление иконки

4. Чтобы добавить новую социальную сеть, необходимо нажать на “+” и затем в раскрывающемся окне выбрать необходимую иконку.

Добавление новой иконки

Помимо иконок соцсетей здесь также есть вкладки “Чат”, где собраны значки популярных мессенджеров, и “Другие”, где можно найти логотипы других широко распространенных каналов связи:  Blogger, сервисы Google и Yandex, магазины приложений и т.д.

Вкладки "Чат" и "Другие"

5. Для вставки альтернативного текста и названия соцсети нужно активировать переключатель “еще” и в раскрывающемся меню заполнить соответствующие поля.

Добавление названия и alt-текста

6. Чтобы добавить ссылку, просто скопируйте ее и вставьте в специальное поле.

Вставка ссылки на соцсеть

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

Нажмите на кнопку “Сайт” и выпадающем меню перейдите к разделу “Поделиться”.

Выбор соцсети для шэринга

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

Копирование ссылки на письмо

Скопируйте ссылку и вставьте ее в соответствующее поле:

Вставка ссылки на письмо

В зависимости от соцсети в настройках возможны дополнительные опции.

Twitter

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

Настройки для Twitter

Pinterest

В первую очередь Pinterest — это сервис для красивой и удобной визуализации. Добавьте соответствующее изображение и описание к нему, чтобы пользователь мог “приколоть” ваше письмо к доске.

Настройки для Pinterest

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

Почта

Добавьте тему, которая отразит суть письма при пересылке:  

Настройки для пересылки по почте

7. Функция выбора выравнивания иконок в блоке применима отдельно как для стандартной десктопной, так и для мобильной версии. Для настройки выравнивания на мобильных нужно нажать на значок телефона и выбрать положение: справа, слева, по центру.

Выравнивание иконок в блоке

8. Чтобы увеличить или уменьшить отступы между иконками в блоке, нажмите на “+” или на “-”.

Регулирование отступов между иконками

Регулировать высоту и ширину отступов от блока можно с помощью знака “+” для увеличения или “-” для уменьшения. Максимальные значения отступов – 40px. Здесь также возможно устанавливать отступы отдельно для десктопной и для мобильной версии письма.

Установка отступов от границ блока

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

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

10. Также можно выбрать опцию отображения блока только для HTML или AMPHTML-версии письма. При этом появится соответствующая метка в левом верхнем углу блока.

Отображение блока для HTML-версии письма

Как можно использовать блок соцсетей в email-рассылках

В футере

Самое популярное место для размещения ссылок на социальные сети.

Блок с соцсетями в футере

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

Кастомные иконки соцсетей

В хедере

Второе по популярности пространство для размещения социального блока.

Блок с соцсетями в хедере

Расположение иконок соцсетей в шапке письма исключает вероятность того, что подписчик их не заметит просто потому, что не долистал письмо до конца. Блок с социальными сетями в хедере привлекает больше внимания, чем в футере, поэтому имеет смысл разместить здесь более конверсионные ссылки. Например, на скачивание вашего приложения в Google Play или App Store (иконки можно выбрать на вкладке “Другие” в окошке добавления иконок).

Иконки для скачивания приложения

В основной части письма

Добавьте ссылки на социальные сети в основную часть письма, подчеркнув сильные стороны размещаемого в них контента:

Блок с соцсетями в основной части письма

В разделе “Свяжитесь с нами”

Предоставьте подписчикам возможность выбрать, как им удобнее с вами связаться. Разместите несколько чатов в теле письма или в футере, воспользовавшись соответствующими стандартными иконками из вкладки “Чат” или собственными дизайнерскими, чтобы информация точно не осталась без внимания.

Блок с соцсетями в разделе "Свяжитесь с нами"

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

 

Контакты каждого сотрудника

В отдельном письме

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

Письмо о соцсетях

С предложением поделиться письмом

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

Предложение поделиться письмом

+Бонус

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

Анимированная иконка соцсети

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

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email