Гиперссылки для текста в email-сообщении: что это и как добавить?

Очень редко можно встретить письмо, в котором нет текста, хотя бы пары предложений. Изображения могут не отобразиться, а вот почтовик должен понимать, что находится в письме. Прикрепить гиперссылку к тексту в редакторе eSputnik нетрудно. Достаточно выделить ту часть, где должна быть ссылка, нажать на соответствующую иконку

и вставить URL в поле “Ссылка” открывшегося меню:

Чтобы пользователи обращали внимание на ссылки, рекомендуем следовать таким советам:

• составлять их из двух-трех слов,
• использовать в начале ключи,
• давать понять, куда человек попадет после перехода,
• не делать ссылок с одинаковым текстом и разным адресом.

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

Добавляем гиперссылки в блок с видео

• добавьте в шаблон структуру с одним контейнером;
• перетащите в него блок с видео;

• кликните по нему, чтобы активировать панель настроек;

в соответствующее поле слева вставьте ссылку на свое видео;

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

Блок со встроенным видео готов!

Добавляем ссылки к контактам

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

Для того чтобы клиент написал вам на почту, ему необходимо выделить email, скопировать его, открыть свой почтовый ящик и там вставить его и написать сообщение. Мало кто не поленится это сделать. Будет удобнее, если вы просто добавите в письмо ссылку “:mailto”. Это позволит клиенту написать вам письмо, просто нажав на нужный email:

• перетащите в шаблон новую структуру;
• вставьте текстовый блок в эту структуру;
• введите свой текст, в данном случае это email;
• далее выделите нужный текст и присвойте ему ссылку:

• на боковой панели редактора в поле “Ссылка” вам подтянется нужный тип (почта, телефон и т.д.):

Точно так же можно поступить и с номером телефона, чтобы у читателя была возможность сразу же с вами связаться:

• перетащите в шаблон новую структуру;
• вставьте текстовый блок в эту структуру;
• введите свой текст, здесь это номер телефона;
• далее выберите нужный текст и присвойте ему ссылку;
• на боковой панели редактора в поле “Ссылка” выберите “Телефон” и напишите свой номер в международном формате:

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

Обратите внимание! Ссылка :mailto не работает в Outlook.mail и iOS, но в Gmail, на ОС Windows и на устройствах Android она открывается корректно.

Добавляем ссылки в иконки соцсетей

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

Чтобы привязать ссылки к иконкам соцсетей в редакторе eSputnik, нужно:

• добавить в шаблон структуру с блоком;
• перетащить в него блок соцсетей;
• кликнуть по нему, чтобы активировать боковую панель в редакторе;
• вставить соответствующие ссылки:

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

Обратите внимание! Всю эту работу при создании каждого письма можно не делать. Просто сохраните нужный блок/структуру/полосу в библиотеку ваших модулей. При создании нового письма перетащите из модулей нужный вам блок в тело письма.

Добавляем ссылки в кнопки СТА

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

Чтобы добавить ссылки на СТА в редакторе eSputnik, необходимо:

• поместить блок “Кнопка” в то место письма, где вы хотите его видеть;
• присвоить кнопке название;
• указать цвет текста;
• задать шрифт и размер текста;
• задать цвет кнопки;
• присвоить ссылку:

Больше возможностей для кнопки узнайте из статьи “Как сверстать кнопку в письме”.

Добавляем ссылки в пункты меню

Меню чаще всего перенаправляет клиента из письма на конкретную страницу сайта.

Разберемся, как добавить ссылки для пунктов меню с помощью редактора eSputnik:

• вставьте в письмо структуру;
• перетащите блок “Меню”;
• выберите нужный тип меню (ссылки, иконки, ссылки и иконки);
• дайте название каждому пункту/загрузите иконку и подставьте нужные ссылки:

Добавление страницы отписки

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

Добавить ссылку на отписку можно так:

• Вставьте в письмо структуру;
• Выберите слово “Отписаться” и прикрепите к нему ссылку:

• В типе ссылки выберите “Отписка”:

• Теперь, нажав на это ссылку в письме, пользователь сможет отказаться от получения ваших писем.

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