Jak utworzyć link HTML do wysłania wiadomości e-mail na wskazany adres: mailto

Link mailto to standardowy sposób na wysyłanie wiadomości e-mail, gdy użytkownik chce się skontaktować lub przekazać opinię. Po kliknięciu w link mailto otwiera się standardowe okno do wysyłania wiadomości e-mail. Możemy użyć znacznika mailto, który przekieruje nas do programu pocztowego po wypełnieniu formularza i inne opcje.  Możemy również dołączyć treść, temat oraz odbiorców kopię do wiadomości.

W tym artykule wyjaśniamy:

• Jak wygląda proces tworzenia linku mailto?
• Jak zamienić dowolny tekst w klikalny przycisk?
• Jak zamienić dowolny obraz w klikalny przycisk połączenia?

Proces tworzenia linku mailto

Jeśli chcemy utworzyć link za pomocą kodu HTML, należy użyć tagu, a następnie dodać atrybut odpowiadający e-mailowi, który jest znany jako "mailto". Adres e-mail należy umieścić wewnątrz tagu, a tekst, który ma być wyświetlany na stronie internetowej, należy umieścić pomiędzy tagami. Przykładowo, kod HTML wyglądałby tak:

Ta prosta etykieta składa się z 4 części, które jeśli nie zostaną odpowiednio umieszczone, nie spełnią poprawnie swojej funkcji, powodując wyświetlenie komunikatu o błędzie, są to:

• Początek znacznika: służy do wskazania, że ​​ma zostać utworzony link i że adres będzie umieszczony po symbolu =.
  
  
• Adres: ten adres będzie umieszczony po symbolu =, będzie ujęty w cudzysłów i rozpocznie się atrybutem mailto, po którym następuje adres e-mail, na który zostanie wykonana akcja.
  
  
• Tekst linku: Ten tekst w przykładzie był tekstem klikalnym , ale HTML umożliwia prezentację tego tekstu na różne sposoby.
  
  
• Zamykanie tagu:  nie może go zabraknąć, ponieważ wskazuje, że link jest gotowy do użycia.
  
  

Co najważniejsze, ten link można przedstawić na różne sposoby, aby był bardziej atrakcyjny dla wszystkich użytkowników, którzy wchodzą na Twoją stronę. Możesz używać dowolnego tekstu, a także obazu, zamieniając go w odnośnik do wysłania wiadomości e-mail. 

Aby wprowadzić temat wiadomości po kliknięciu link mailto, można użyć atrybutu "subject" i wpisać treść tematu po znaku równości. Na przykład:

W powyższym przykładzie temat wiadomości to "Temat wiadomości". Ważne jest, aby oddzielić treść tematu od adresu e-mail za pomocą znaku "?" oraz aby zamienić spacje na znak "%20". Można również dodać treść wiadomości, korzystając z atrybutu "body".

Zważywszy na rosnącą siłę handlu elektronicznego, interaktywne strony internetowe umożliwiają kontakt z użytkownikami za pomocą portali społecznościowych, numerów telefonów i e-maili. Bez względu na to, czy kontakt jest nawiązywany za pomocą ekranu, czy przez telefon, dodanie linku mailto jest najlepszym sposobem na utrzymanie bezpośredniego kontaktu. Dzięki narzędziom, które przedstawiliśmy, możesz dodać link i dostosować jego styl, aby przyciągnąć uwagę użytkowników i otworzyć okno wiadomości e-mail po kliknięciu.

Jak zamienić dowolny tekst w klikalny przycisk?

Jeśli masz teść w poście lub na stronie WordPress i chcesz zamienić fragment tekstu w przycisk, zrobisz to dokładnie w taki sam sposób, jak tworząc odnośnik:

1. Zaznacz fragment tekstu.
2. Kliknij Odnośnik.
   
3. Wprowadź zawartość w postaci: mailto:jan.kowalski@firma-kowalski.com  > zastosuj wzór, jaki został wskazany na początku artykułu, jeśli chcesz dodać, np. temat i treść.
4. Zatwierdź zmiany. 

Jak zamienić dowolny obraz w klikalny przycisk połączenia?

Funkcja dodawania hiperłączy, w tym ustanawiania odnośnika do połączenia telefonicznego, działa również na obrazach:

1. Dodaj obraz do treści wpisu lub strony.
2. Skorzystaj z przycisku Wstaw odnośnik.
   
   
3. Wprowadź zawartość w postaci: mailto:jan.kowalski@firma-kowalski.com > zastosuj wzór, jaki został wskazany na początku artykułu, jeśli chcesz dodać, np. temat i treść.
4. Zatwierdź zmiany.