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

Question

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

<div class="container-icons">
   <i class="icon icon-envelop"></i>
   <i class="icon icon-facebook"></i>
   <i class="icon icon-instagram"></i>
   <i class="icon icon-linkedin"></i>
</div>

Вот ссылка на рабочий codepen .

Answer 1

Если я вас правильно понимаю, вы пытаетесь заставить пользователя щелкнуть значок и открыть свою почтовую программу по умолчанию (Outlook, Apple Mail и т. Д.). Этого можно достичь, обернув значок почты в тег привязки. Примерно так:

<a href="mailto:someone@example.com?Subject=Hello%20again" target="_top"> 
     <i class="icon icon-envelop"></i>
</a>

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