Как создать ссылку mailto в HTML

Photo by Kate Macate on Unsplash

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

Базовый синтаксис ссылки mailto

Вот основной синтаксис ссылки mailto:

<a href="mailto:johndoe@fakeemail.com">Example mailto link</a>

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

В этом примере при нажатии на ссылку открывается мое почтовое приложение, а в поле «Кому» адрес уже указан.

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

Как добавить несколько email-адресов в ссылку mailto

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

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com">
    Multiple email addresses
</a>

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

При переходе по ссылке откроется приложение «Почта» с уже введёнными адресами в поле «Кому».

Как добавить тему

Данный пример кода показывает, как указать тему в ссылке mailto.

<a href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?subject=this is how to use the mailto link">
    Using the subject parameter
</a>

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

Как добавить CC и BCC

Это пример, который показывает вам, как добавить вторичных получателей – CC (копия, carbon copy) и скрытых получателей – BCC (скрытая копия, blind carbon copy) к ссылке mailto.

<a
    href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link">
    Using the CC and BCC parameters
</a>

После адресов электронной почты нужно добавить ?, чтобы разделить письмо и параметр CC. Также необходим знак & перед параметрами BCC и subject.

Как добавить тело письма

В этом примере показано, как использовать body со ссылкой mailto. Это позволит добавить текст в тело нашего электронного письма.

<a
   href="mailto:johndoe@fakeemail.com, janedoe@fakeemail.com?cc=jackdoe@fakeemail.com &bcc=jennydoe@fakeemail.com &subject=this is how to use the mailto link &body=this is an article on how to use the mailto link">
    Using the body parameter
</a>

Нужно добавить & перед параметром body.

Есть ли недостатки в использовании ссылок mailto?

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

Преимущества использования ссылок mailto

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

Перевод статьи Mailto Link – How to Make an HTML Email Link [Example Code].

[customscript]techrocks_custom_after_post_html[/customscript]

[customscript]techrocks_custom_script[/customscript]

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Прокрутить вверх