Html почта ссылка: Ссылка на адрес эл. почты

Содержание

Как сделать ссылку Mailto: для сайта или email-рассылки

Адресом получателя, темой и содержанием письма, email для отправки копий

Иван Иваничев
24 февраля, 2023

Плюсы и минусы Mailto-ссылок Из чего состоит ссылка Mailto Где и как создать ссылку Mailto

Mailto: — специальная ссылка, которая открывает почтовый клиент и создает там письмо по шаблону — с предварительно заполненными полями. Можно указать адреса получателей (самого письма, а также его копий), тему и текст.

Давайте разберемся, как и где создать ссылку Mailto для сайта или email-рассылки. Но сначала коротко о преимуществах и недостатках, а также структуре такой ссылки.

Плюсы и минусы Mailto-ссылок

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

Но есть и недостатки. Так, пользователь без настроенного почтового клиента не сможет просто взять и отправить письмо. Даже Google Chrome по умолчанию не открывает Mailto в Gmail (если ссылка встречается на сайте, а не внутри почтовой рассылки).

Из чего состоит ссылка Mailto

Она начинается, собственно, с префикса mailto:, а дальше идет email-адрес вида [email protected]

(Можно указать и несколько адресов через запятую, к примеру

mailto:[email protected], [email protected])

Email получателя и остальные параметры должны быть разделены знаком вопроса — ? А параметры между собой — символом амперсанда &

(В общем, тут все то же самое, как с UTM-метками.)

Теперь о самих параметрах. Так, subject отвечает за тему письма, а body — за тело соответственно.

Пример ссылки с ними — mailto:name@site. ru?subject=Hello&body=How are you

Есть еще cc — email для отправки копии и bcc — email для отправки скрытой копии.

Вот, например, как их можно использовать с предыдущими — mailto:[email protected][email protected]&[email protected]&?subject=Hello&body=How are you

В визуальном редакторе легко добавить такую ссылку как есть. А если работать с HTML, нужно просто обернуть ее в тег <a>.

Допустим, так — <a href=«mailto:[email protected]»>Напишите нам</a>

А чтобы ссылка точно работала во всех случаях, нельзя забывать о спецсимволах: %20 — вместо пробела, %0D%0A — в случае переноса строки. Также нужно закодировать кириллицу, но для этого точно лучше использовать специальный сервис вроде urlencoder.org. Или сервис для создания Mailto, где такая возможность встроена.

Дальше о том, где удобнее генерировать такую ссылку для сайта или email-рассылки.

Где и как создать ссылку Mailto

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

Генератор Mailto от Unisender. В первую очередь рекомендуем свой инструмент, который сделали прямо в Google Таблицах. Просто копируете себе («Файл → Создать копию»), чтобы можно было редактировать, и указываете нужные параметры (подсказки на полях помогут). Специальная формула кодирует все пробелы, переносы строки и кириллицу. Генерируется обычная ссылка, ссылка с анкором, а также HTML-код.

Mailtolink.me. Простой и минималистичный онлайн-сервис для создания Mailto-ссылок, ничего лишнего. Готовый URL не занимает много места и легко копируется в буфер обмена, но вот кнопка для копирования кода, похоже, не работает.

Mailtolinkgenerator.com. Тоже простой создатель Mailto, но еще с забавными иллюстрациями и работающим генератором HTML-кода для ссылки.

Mailto Generator от Parcel.io. Приятный дизайн, где не нужно кликать кнопку для создания ссылки — все происходит автоматически по мере заполнения полей. Зато тут есть кнопка «Try it», чтобы протестировать работу Mailto на своем устройстве и браузере.

Mailto: Generator на Codepen. Здесь нет всех параметров и создания HTML-кода, но хороший вариант для тех, кто изучает программирование и хочет делать подобные сервисы самостоятельно. Можно прямо в браузере начать добавлять новые фичи этому генератору.

СВЕЖИЕ СТАТЬИ

Другие материалы из этой рубрики

Не пропускайте новые статьи

Подписывайтесь на соцсети

Делимся новостями и свежими статьями, рассказываем о новинках сервиса

«Честно» — авторская рассылка от редакции Unisender

Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы и интервью с экспертами диджитала.

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

Как запустить email-маркетинг с нуля?

В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️

*Вместе с курсом вы будете получать рассылку блога Unisender

Оставляя свой email, я принимаю Политику конфиденциальности

Наш юрист будет ругаться, если вы не примете 🙁

html ссылка на адрес электронной почты · GitHub

html ссылка на адрес электронной почты

This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more about bidirectional Unicode characters

Show hidden characters

	http://www. rapidtables.com/web/html/mailto.htm

	[code:]html[:code]<a href=»mailto:[email protected]»>Link text</a>
	[/code]

	<table>
	<tr><th>Parameter</th><th>Description</th></tr>
	<tr><td>mailto:[email protected]</td><td>e-mail recipient address</td></tr>
	<tr><td>[email protected]</td><td>carbon copy e-mail address</td></tr>
	<tr><td>bcc=name@email. com</td><td>blind carbon copy e-mail address</td></tr>
	<tr><td>subject=subject text</td><td>subject of e-mail</td></tr>
	<tr><td>body=body text</td><td>body of e-mail</td></tr>
	<tr><td>?</td><td>first parameter delimiter</td></tr>
	<tr><td>&</td><td>other parameters delimiter</td></tr>
	</table>
	<br>
	<br>
	<p>Если необходимо использовать русский язык, его следует сначала <a href =»http://www. codenet.ru/services/urlencode-urldecode/»>закодировать</a></p>

	<p>
	<a href=»mailto:[email protected][email protected]&[email protected]&subject=%D0%9F%D1%80%D0%B8%D0%BC%D0%B5%D1%80 %D0%B8%D1%81%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F&body=%D0%90 %0A%D1%8D%D1%82%D0%BE %0A%D1%82%D0%B5%D0%BA%D1%81%D1%82 %0A%D0%B2 %0A%D0%BD%D0%B5%D1%81%D0%BA%D0%BE%D0%BB%D1%8C%D0%BA%D0%BE%0A%D1%81%D1%82%D1%80%D0%BE%D0%BA…»>Пример использования</a>
	</p>

Рекомендации по созданию ссылок электронной почты HTML

Ссылки электронной почты HTML — это простой способ получить ответы. Тем не менее, они могут быть немного сложными в использовании. Давайте рассмотрим, как правильно использовать эти ссылки. …

Содержание

Введение

Что такое HTML-ссылка электронной почты?

Как создать HTML-ссылку mailto в электронной почте?

Как максимально эффективно использовать HTML-ссылки электронной почты?

Преимущества использования ссылок электронной почты в формате HTML

Пример использования ссылок Mailto

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

Как решить проблемы, связанные со ссылками Mailto?

Подведение итогов

Введение

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

В этой статье мы поговорим об особом типе ссылок электронной почты, известных как HTML-ссылки.

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

Как создать HTML-ссылку mailto в электронной почте?

Создание HTML-ссылок в электронной почте состоит из следующих шагов:

1. Перейдите к файлу HTML и выберите текст, в который вы хотите вставить ссылку электронной почты.

2. Напишите «

3. Вставьте тег «mailto:», чтобы отправить ссылку на адрес электронной почты. Поместите закрывающий тег.

Код HTML mailto будет выглядеть примерно так:

Свяжитесь с нами

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

com,[email protected]”>Свяжитесь с нами

Как извлечь максимальную пользу из Mailto HTML Ссылки электронной почты

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

1. Если вы хотите добавить дополнительные поля, добавьте знак вопроса – ? отделить каждый сегмент.

2. Чтобы добавить копию, добавьте «cc=» перед адресом электронной почты или адресами, разделенными запятыми.
Итак, окончательный код будет выглядеть так:
Свяжитесь с нами

3. Для включения скрытой копии , добавьте «bcc=» перед адресом электронной почты или адресами, разделенными запятыми.
Окончательный код будет выглядеть так:
Свяжитесь с нами

4. Вы можете добавить строку темы, написав «subject=», а затем текст строки темы. Вместо пробелов следует использовать «%20».
Код будет выглядеть так:
href=mailto:“[email protected]?bcc=»[email protected]?subject=Can%20you%20help%20″>Свяжитесь с нами

5. Используйте «body=» для включения тела сообщения. Разделяйте слова с помощью %20 вместо пробелов.
Код будет следующим:

href=mailto:“[email protected]?bcc=»[email protected]?subject=Can%20you%20help%20″?body=I%20am%20ooking% 20для%20a%20выделенного%20ресурса%20для%20помощи%20мне%20во время%20%20праздников>свяжитесь с нами

Преимущества использования HTML-ссылок электронной почты Mailto

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

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

Пример использования ссылок Mailto

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

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

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

Приложение Gmail для iOS не поддерживает ?Subject или ?Body, включенные в почтовые ссылки.
Ссылки Mailto не отслеживаются.

Как решить проблемы со ссылками Mailto?

Чтобы максимально эффективно использовать ссылки href mailto, следуйте приведенным ниже советам.

1. Разрешить отправлять вам сообщения только проверенным пользователям.

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

3. CAPTCHA (полностью автоматизированный публичный тест Тьюринга, позволяющий различать компьютеры и людей) — наиболее эффективная функция, помогающая предотвратить спам. Сделайте обязательным для пользователей заполнение капчи, прежде чем они смогут отправить вам электронное письмо. Также можно установить определенные ограничения по времени для запросов по электронной почте, чтобы вы не получали слишком много писем подряд.

4. Вместо того, чтобы включать ссылку mailto, позвольте пользователям отвечать вам напрямую. Напишите что-то вроде: «Нажмите «Ответить», и мы будем рады вам помочь».

5. Ниже приведены обходные пути для Outlook и Gmail, которые помогут разблокировать ссылки mailto.
Gmail:

Перейдите к значку шестеренки в правом верхнем углу учетной записи Gmail под своим именем.
Перейдите на вкладку Общие.
В разделе «Изображения» выберите первый вариант и отмените выбор второго.

(Примечание: это полезно, если у вас есть ссылка mailto на изображение.)

Outlook:

Щелкните значок «Настройки» в правом верхнем углу строки меню вверху.

Перейти к нежелательной почте.

Перейдите к подзаголовку «Фильтры» в нижней части панели.

Отмените второй вариант и разблокируйте вложения, изображения и ссылки.

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

Подведение итогов

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

Вам понравился этот пост? Поделись!

Скопировано в буфер обмена

Как кодировать ссылки Mailto в электронной почте HTML

Разработка электронной почты 5 октября 2022 г.

Знают ли ваши читатели точно, с кем в вашей организации можно связаться и как с ними связаться, если у них возникнут конкретные вопросы? Ты? С помощью почтовых ссылок ваши подписчики могут щелкнуть ссылку и задать свои вопросы идеальному человеку. Связаться с конкретным отделом легко! Вы можете настроить свои почтовые ссылки для прямых сообщений конкретным членам вашего отдела продаж или позволить подписчикам легко оставлять отзывы.

Ссылки Mailto — отличный инструмент для использования в маркетинговых кампаниях по электронной почте. Поскольку в предыдущей статье мы объяснили, почему электронные письма без ответа — ужасная идея, вполне вероятно, что вы уже отправляете электронные письма с правильными адресами для ответа, которые отслеживаются назначенной командой или сотрудником по маркетингу электронной почты. Но вы уже используете ссылки mailto?

Что делать, если вы проводите несколько кампаний и хотите, чтобы все ответы были правильными? Трудно вручную отделить общие вопросы от конкретных разговоров о вашей последней рекламной сделке. Какое решение? Почтовые ссылки!

Создайте HTML-код для ссылки электронной почты, чтобы ваши читатели могли связаться с вами. Не совсем уверены, что такое ссылки электронной почты или ссылки mailto? У нас есть ваша спина.

Мы объясним, как сделать ссылку на электронное письмо, закодировав HTML-ссылку mailto, которая предварительно заполнена такими полями, как строка темы, адрес «кому», адреса электронной почты электронной копии (Cc), скрытой копии (Bcc) и тело электронной почты. . Мы также рассмотрим преимущества и недостатки использования ссылки mailto.

Что такое HTML-ссылка mailto?

Mailto — это ненастоящее слово, верно? Как и обычная смесь акронимов и, казалось бы, выдуманных слов электронной почты, да, это настоящее слово.

«Mailto» — это HTML-код , который добавляет ссылку на веб-страницу или электронную почту — везде, где вы можете вставить HTML. Когда ваши читатели нажимают на ссылку mailto, они открывают сообщение электронной почты в своем почтовом клиенте по умолчанию, таком как Gmail, Microsoft Outlook или Yahoo Mail.

В самом простом виде ссылка mailto выглядит следующим образом:

  com">Свяжитесь!

Вскоре мы раскроем это в нашем руководстве по коду и обсудим другие параметры, которые вы можете указать, такие как строки темы и адреса «кому». Правильно, с помощью ссылок mailto вы можете направлять разговоры нужным людям в вашей организации.

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

Чем полезны почтовые ссылки?

Как мы уже упоминали, почтовые ссылки — отличный способ направить сообщения читателей нужным получателям в вашей организации. Но есть еще больше причин использовать почтовые ссылки. Вот некоторые преимущества использования ссылок mailto:

Направляйте свои электронные письма определенным получателям. Отделите общие запросы от отзывов клиентов, запросов в службу технической поддержки и запросов на возврат средств.
Свести к минимуму ошибки ответа на сообщение. Иногда ваш клиент действительно хочет выйти на связь. Но они неправильно написали ваш адрес электронной почты. Избегайте этих ошибок и уменьшите трение пользователей с помощью ссылок mailto.
Сортировка входящей почты. Предположим, вы управляете небольшим бизнесом, и у вас не так много маркетологов, которые могли бы постоянно отслеживать электронную почту вашей компании и сортировать различные входящие сообщения. Используйте теги и фильтры на своей стороне на основе определенных строк темы электронной почты (которые вы установили в своих электронных письмах), чтобы сортировать все входящие сообщения.

Есть ли недостатки в использовании ссылок электронной почты в формате HTML?

Так в чем подвох? Итак, вот несколько причин, по которым почтовые ссылки могут вызывать проблемы:

Некоторые из ваших читателей используют веб-клиенты, такие как gmail. com или yahoo.com. Не каждый из ваших читателей будет иметь установленный по умолчанию почтовый клиент на своем ноутбуке. Хотя они, скорее всего, настроят его для мобильного устройства, нет гарантии, что пользователи настроят его. Ссылки Mailto не будут работать для этих подписчиков.
Труднее отслеживать переходы по ссылке mailto. Хотя легко отследить, сколько читателей взаимодействует с веб-формами, трудно следить за тем, сколько читателей нажимают на ссылку mailto.
Gmail автоматически преобразует адреса электронной почты в ссылки. Это может быть проблемой, если вы закодировали свою почту для ссылки с предварительно заполненными полями, такими как строки темы и тело сообщения. Это создает проблему, если предполагаемый адрес для ответа не совпадает с текстом ссылки.
Спамеры используют ссылки Mailto. Это, пожалуй, самый большой риск, особенно с точки зрения веб-разработки. Спамеры часто используют ботов для обхода сайтов, поиска почтовых ссылок и рассылки спам-сообщений. Если ваши протоколы безопасности не надежны, вы можете стать жертвой вредоносного контента, например вредоносных программ!

Какие поля можно добавить в HTML-ссылку электронной почты?

Давайте рассмотрим некоторые параметры, которые вы можете закодировать в своей ссылке mailto (и почему вы должны это делать). Вот некоторые из полей, которые вы можете указать:

Адреса получателей: С помощью ссылок mailto вы можете точно указать, куда вы хотите, чтобы ваш подписчик отправил свой ответ по электронной почте, введя поле адреса получателя, также известное как адрес «кому». Это упрощает отслеживание различных сообщений электронной почты и гарантирует получение этих сообщений нужными людьми в вашей организации.
Строка темы: Установите строку темы, чтобы легко находить и классифицировать ответы ваших читателей.
Адреса Bcc и Cc: С помощью ссылок mailto вы, члены команды Bcc и Cc. Таким образом, все, кому нужно видеть эти сообщения, могут участвовать в определенных разговорах.
Электронная почта тел. Вы когда-нибудь получали длинное бессвязное электронное письмо от своего клиента только для того, чтобы узнать, чего они хотят, в самом конце своего сообщения? Это не весело. Кодируйте ссылки mailto, чтобы предоставить вашим читателям предварительно заполненные вопросы, на которые они могут ответить.

Как создать HTML-ссылку электронной почты?

Теперь, когда вы знаете, почему вам следует использовать ссылки mailto и о недостатках, о которых следует знать, пришло время научиться кодировать ссылку mailto в своем шаблоне электронной почты с помощью HTML и CSS.

В этом разделе мы расскажем, как кодировать:

Простую ссылку mailto.
Ссылка mailto с адресами электронной почты Bcc и Cc.
Ссылка электронной почты в формате HTML со строкой темы.
Почта с заполненным телом электронной почты.

Прежде чем мы начнем…

Мы знаем, что вам не терпится погрузиться, но давайте не будем мешать хозяйству. Для следующего урока вам понадобятся практические знания HTML и CSS. Ознакомьтесь с нашими основами кодирования электронной почты и некоторыми рекомендациями по проверке кода, чтобы наверстать упущенное.

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

1. Как создать простую ссылку mailto?

Проверьте эту основную ссылку для отправки почты:

 Свяжитесь с нами!

Давайте разберем:

: is тег HTML, определяющий гиперссылку.
href: — это атрибут HTML-тега , используемый для указания места назначения ссылки.
mailto : предшествует адресу электронной почты «кому». Это назначает лицо, ответственное за ответы на определенные запросы, в качестве адреса электронной почты получателя, который открывается в почтовом клиенте вашего читателя по умолчанию.

Довольно просто, правда? Давайте смешаем это.

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

 Свяжитесь!

2. Как закодировать ссылку mailto с адресами электронной почты Bcc и Cc?

Давайте создадим базовую ссылку mailto и добавим два параметра:

скрытая копия : позволяет указать один или несколько адресов электронной почты для скрытой копии вашего сообщения.
cc : позволяет указать один или несколько адресов электронной почты, которые будут копироваться в вашем сообщении.

Например, мы установим адрес «кому» как [email protected]. Затем мы отправим скрытую копию на [email protected] и [email protected]. Мы также свяжемся с вами по адресу [email protected].

  [email protected], [email protected],[email protected]">Свяжитесь с нами!

3. Как я могу закодировать ссылку mailto со строкой темы?

Помните, мы говорили, что добавление строки темы — отличная идея? Пришло время настроить нашу игру и узнать, как это сделать. Мы будем использовать базовую ссылку mailto и добавим один параметр для установки строки темы:

subject : позволяет указать строку темы вашего сообщения. Весь текст должен быть закодирован в URL, то есть вы будете представлять пробелы как 9.0204 %20 .

Ладно, попробуем! Мы установим адрес «кому» как [email protected]. Затем мы отправим скрытую копию [email protected] и укажем в строке темы «Инструменты для тестирования электронной почты».

 Свяжитесь с нами!

4. Как создать ссылку mailto с тело электронной почты?

Наконец, это последняя часть головоломки! Добавление этих параметров интегрирует HTML-ссылки на почту mailto:

body: позволяет указать тело сообщения электронной почты. Вы можете добавить текст, чтобы помочь вашим подписчикам начать свое сообщение. Как и в строке темы, весь текст должен быть закодирован в URL-адресе, и вы будете представлять апострофы с помощью %27 .

Давайте установим адрес «кому» как [email protected]. Затем мы укажем строку темы «Инструменты тестирования электронной почты» и текст «Я хотел бы узнать больше о…».