In HTML verwenden wir den <a>
Tag, um Hyperlinks zu erstellen. Aber wussten Sie, dass Sie mit diesem Tag auch einen Link erstellen können, der beim Klicken automatisch den E-Mail-Client des Benutzers öffnet und ihm ermöglicht, eine E-Mail zu senden? Diese Funktion kann sehr nützlich sein, insbesondere auf Kontaktaufnahme-Seiten oder in persönlichen Signaturen.
Die Methode besteht genau genommen darin, den gewöhnlichen Link durch Hinzufügung des speziellen mailto:
Schreibweise in der href
Attribut zu ändern. Hier ist ein Beispiel, wie es in der Praxis aussieht:
<a href="mailto:[email protected]">Email senden</a>
In diesem Beispiel, wenn ein Nutzer auf den Text "Email senden" klickt, öffnet der E-Mail-Client eine neue E-Mail mit der angegebenen Adresse (in diesem [email protected]) im Feld "An".
Es ist auch möglich, den Betreff und Text der E-Mail vorab auszufüllen, indem Sie die subject
und body
Parameter an das Ende der mailto:
URL hinzufügen. Hier ist ein Beispiel:
<a href="mailto:[email protected]?subject=Betreff der E-Mail&body=Text der E-Mail">Email senden</a>
Beachten Sie jedoch, dass die Verwendung von mailto:
Links auf der Website den Benutzer direkt zu ihrem lokalen E-Mail-Client führt, was bei denen, die E-Mail-Dienste wie Gmail oder Outlook.com in ihrem Browser nutzen, für Verwirrung sorgen kann.
Als Best Practice empfehlen wir daher, mailto:
Links sparsam zu verwenden und stets alternative Kontaktmethoden (wie ein einfaches Formular auf Ihrer Kontaktseite) zur Verfügung zu stellen, damit Nutzer die Option haben, die für sie bequemste Methode zu wählen.