Создание кликабельной ссылки на email

Иван Корнев·12.04.2026·⏱4 мин

Чтобы сделать ссылку на электронную почту, используйте протокол mailto: перед адресом (например, mailto:[email protected]). При клике на такую ссылку у пользователя автоматически откроется почтовая программа с уже заполненным полем «Кому». Это универсальное решение для сайтов, документов Word, таблиц Excel и социальных сетей, которое значительно упрощает связь с аудиторией.

Принцип работы протокола Mailto

Протокол mailto не является веб-адресом в привычном понимании. Это команда операционной системе или браузеру: «Запусти установленный почтовый клиент».

Когда пользователь нажимает на такую ссылку:

Система определяет приложение по умолчанию (Outlook, Apple Mail, Gmail в браузере и т.д.).
Открывается окно создания нового письма.
В поле адреса автоматически подставляется указанный вами email.

Важно: Ссылка сработает только если на устройстве пользователя настроена почтовая программа. На смартфонах обычно открывается приложение почты, на ПК — десктопный клиент или веб-интерфейс, если он перехватывает протокол.

Генерация ссылки в HTML-коде

Для веб-сайтов это основной метод. Базовый синтаксис использует тег <a> с атрибутом href.

Базовый код

<a href="mailto:[email protected]">Написать в поддержку</a>

Расширенные параметры

Вы можете предзаполнить не только адрес, но и тему письма, копию получателя и даже текст сообщения. Параметры добавляются через знак вопроса ? и разделяются амперсандом &.

Параметр	Назначение	Пример значения
`subject`	Тема письма	`Вопрос%20по%20оплате`
`cc`	Копия (видима всем)	`[email protected]`
`bcc`	Скрытая копия	`[email protected]`
`body`	Текст письма	`Здравствуйте!%0AМеня%20зовут...`

Пример комплексной ссылки:

<a href="mailto:[email protected]?subject=Заказ%20№123&[email protected]&body=Добрый%20день,%20хочу%20оформить%20заказ.">Оформить заказ</a>

Кодировка символов: В параметрах subject и body нельзя использовать пробелы и переносы строк в чистом виде.

Пробел заменяется на %20
Перенос строки — на %0A
Знак @ иногда требует замены на %40, хотя современные браузеры часто понимают его и так.

Инструкция для офисных документов

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

Microsoft Word и Google Docs

Выделите текст, который станет ссылкой (например, «Связаться с нами»).
Нажмите Ctrl + K (или правой кнопкой мыши → Ссылка / Вставить ссылку).
В поле адреса введите конструкцию: mailto:[email protected].
Для добавления темы допишите её через вопрос: mailto:[email protected]?subject=Тема.
Нажмите ОК.

При экспорте документа в PDF ссылка останется активной.

Microsoft Excel и Google Таблицы

Логика аналогична текстовым редакторам:

Выберите ячейку.
Используйте сочетание Ctrl + K или меню Вставка → Ссылка.
В поле адреса укажите mailto:....
Теперь при клике на ячейку откроется почтовый клиент.

В таблицах удобно создавать списки рассылки. Если указать несколько адресов через запятую (mailto:[email protected],[email protected]), письмо откроется сразу для всех получателей.

Настройка в CMS WordPress

В популярной системе управления сайтами есть два простых способа добавить email-ссылку без знания кода.

Через визуальный редактор (Gutenberg):

Добавьте блок «Кнопка» или выделите текст в блоке «Абзац».
Нажмите на иконку звена цепи (Вставить ссылку).
В поле ввода напишите mailto:ваш@email.ru.
Нажмите Enter.

Через виджеты: В настройках виджета «Текст» или «HTML-код» вставьте стандартную ссылку: <a href="mailto:...">Текст</a>.

Особенности в мессенджерах и соцсетях

Поведение ссылок зависит от платформы.

Telegram: В описании канала или постах ссылка mailto: работает корректно и открывает почтовое приложение. В ботах можно использовать inline-кнопки со ссылкой url: mailto:....
ВКонтакте и Одноклассники: В обычных постах текст mailto:... часто отображается просто как текст и не кликабелен. Лучше призывать пользователей скопировать адрес или использовать кнопку «Написать сообщение» внутри самой соцсети.
Мессенджеры (WhatsApp, Viber): Прямые ссылки на почту здесь работают нестабильно, так как эти приложения ориентированы на свой внутренний чат.

Частые ошибки при создании ссылок

Отсутствие префикса. Самая частая ошибка — написать просто [email protected]. Браузер воспримет это как относительный путь к странице на вашем сайте (ошибка 404). Всегда пишите mailto: в начале.
Лишние пробелы. В адресе почты не должно быть пробелов: mailto: [email protected] не сработает. Правильно: mailto:[email protected].
Игнорирование мобильных устройств. Длинные предзаполненные тексты (параметр body) могут обрезаться на смартфонах или вызывать ошибки в некоторых приложениях. Используйте этот параметр только для коротких фраз.
Спам-боты. Размещение email в открытом виде привлекает спам-роботов.
- Решение: Зашифруйте адрес через простые JS-скрипты или используйте формы обратной связи вместо прямых ссылок на важных страницах.

FAQ

Можно ли сделать ссылку, которая открывает конкретный сервис, например Gmail? Стандартный mailto открывает программу по умолчанию. Чтобы принудительно открыть веб-интерфейс Gmail, нужно использовать специальную ссылку вида: https://mail.google.com/mail/?view=cm&fs=1&[email protected]. Однако это сработает только если пользователь авторизован в Gmail в данном браузере.

Работает ли ссылка, если у человека не установлена почтовая программа? Нет, ничего не произойдет или браузер спросит «Какое приложение открыть?». Хорошим тоном считается дублирование: «Напишите нам на почту или заполните форму».

Есть ли лимит на длину текста в теме письма? Технически лимит зависит от браузера и почтового клиента, но безопасным считается предел в 200–250 символов для темы и около 1000 для тела письма. Всё, что длиннее, может быть обрезано.