Способы создания ссылки на почту на html

При использовании адреса электронной почты для обратной связи для удобства пользователя возможно сделать кликабельную ссылку, которая вызовет почтовый клиент. Реализуется это при помощи html. Давайте рассмотрим, как посредством html создается ссылка на почту.

Используется стандартный html элемент <a>, в атрибуте href пишется mailto:, затем вписывается адрес почты.

<a href="mailto:admin@hipolink.net">Текст ссылки</a>

«‎‎Текст ссылки» — можно указать свой емайл адрес или любую фразу, вроде «Напишите нам», «Наша почта»...

От щелчка по такой html ссылке запустится почтовая программа по умолчанию. Если вы впервые нажимаете подобную ссылку, операционная системы выдаст список программ для открытия email адресов. Это может быть The Bat или Outlook. Если посетитель использует почтовый клиент на базе браузера, то имеет резон использовать открытие новой вкладки посредством target="_blank":

<a href="mailto:admin@hipolink.net" target="_blank" rel="noopener noreferrer">Напишите нам</a>

Добавив параметр subject="тема сообщения" мы автоматически получим заполненное поле "тема" при создании нового сообщения. Это может быть удобно администратору для вычленения конкретных писем из общей массы.

Можно отправить электронную почту на несколько адресов, в случае необходимости добавить копии (СС), скрытые копии (BCC). Делается это путем добавления дополнительных параметров в запросе и разделением адресов почты запятыми:

mailto:adress@1.com?cc=adress@2.com,adress@3.com&bcc=adress@4.com

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

<a href="mailto:admin@hipolink.net"><img src="tel_button.jpg"></a>

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

<a href="tel:+79150000000">Позвоните нам!</a>

<a href="skype:nick">Skype</a>

<a href="https://wa.me/номер">Чат с пользователем WhatsApp</a>

Проблема Instagram — ограничение в шапке профиля отображения контактов. Добавить можно лишь одну ссылку, что влечет ограничение возможностей взаимодействия с клиентами. Пользователь может уйти, не увидев любимого мессенджера или столкнувшись с тем, который он не использует. Проблема легко решается при помощи сервиса Хиполинк — здесь нет никаких ограничений, используйте любые виды связи (мессенджеры, социальные сети, почта, номера телефонов).

Сервис мультиссылок Хиполинк позволяет справиться с задачей без знания html — запустите конструктор, кликните «Добавить новый блок», выберите пункт «Ссылки». В открывшемся блоке нажмите «Почта», оформите вид кнопки, заполнив поля.

Для оформления почты с помощью кодов html указанных выше, используйте HTML блок, вставьте код, кликните «Принять».

Затруднение при оформлении страницы? Не знаете, какие элементы и блоки использовать? Хиполинк предложит вам массу решений — готовые шаблоны и макеты, возможность создания фото-галереи и каталога услуг и товаров. Доступно подключение платежных систем — теперь вам не придется отсылать клиентам платежные реквизиты, при помощи модуля Capusta.Space вы сможете принимать платежи прямо со своей страницы Hipolink. Система работает с Apple Pay и картами Виза, Мастеркард, Маэстро, Мир. Помимо использования мессенджеров, телефонов, почты для связи, используйте виджет обратного звонка.