StartseiteRatgeberMailto Link erstellen – Anleitung für klickbare E-Mail-Adressen

Mailto Link erstellen – Anleitung für klickbare E-Mail-Adressen

Daniel WunderlichAktualisiert am 25. September 2025Allgemein4 Min. Lesedauer

Dieser Ratgeber zeigt, wie Sie eine klickbare E-Mail-Adresse auf Ihrer Website einbauen. Sie lernen die HTML-Grundform, die Erweiterungen für Betreff, CC, BCC und Nachricht. Sie sehen, wie Sie den Code per Generator erstellen. Sie erfahren, wie Sie Mailto-Links in WordPress per Hand oder mit Plugins einsetzen. Am Ende können Sie Besucher ohne Umweg zur Kontaktaufnahme führen.

Das Wichtigste in Kürze

  • Mailto-Link: HTML-Link zur direkten E-Mail-Kommunikation
  • Klickbare E-Mail-Adresse öffnet das Standard-Mailprogramm
  • Ideal für Kontaktseiten, Impressum und Footer
  • Funktioniert auf allen Geräten, besonders praktisch mobil
  • Syntax beginnt mit mailto:, gefolgt von der E-Mail-Adresse
  • Erweiterungen möglich: Betreff, CC, Nachrichtentext
  • Erstellung per Hand oder mit Mailto Link Generator

E-Mail bleibt der beliebteste geschäftliche Kommunikationskanal. Ein sauber eingebundener mailto Link entfernt Kopieraufwand und Formularsuche. Das schafft Vertrauen, hebt die Conversion und senkt Supportkosten. Gleichzeitig stärkt der schnelle Kontaktweg die mobile Nutzererfahrung und unterstützt Ihre Bemühungen um Usability und Suchmaschinenfreundlichkeit.

Ein Mailto-Link ist ein spezieller HTML-Link. Er enthält keine Webseite als Ziel, sondern eine E-Mail-Adresse. Beim Klick öffnet sich automatisch das E-Mail-Programm des Nutzers. In der neuen Nachricht ist die E-Mail-Adresse bereits eingetragen. Der Link beginnt mit dem Wort mailto:. Danach folgt die E-Mail-Adresse. So wird ein direkter E-Mail-Kontakt einfach möglich.

Mailto-Links machen den Kontakt besonders leicht. Nutzer klicken auf die Adresse und beginnen sofort mit dem Schreiben. Sie müssen nichts kopieren und kein Formular ausfüllen. Das verbessert die Benutzerfreundlichkeit. Besonders auf Smartphones ist das sehr praktisch. Der Link spart Zeit und wirkt professionell. Auch Unternehmen wirken offener, wenn E-Mail-Kontakte sichtbar sind.

Ein Mailto Link Generator hilft Ihnen, den richtigen Code automatisch zu erstellen. So funktioniert es:

  • Alle gewünschten Felder wie Empfängeradresse, Betreff, Nachrichtentext oder CC ausfüllen
  • Mit einem Klick auf den Button wird der Mailto-Link erzeugt
  • HTML-Code kopieren und auf Ihrer Website einfügen

Generierte Mailto URL:

Generierter HTML Link:

Für alle Webseiten: HTML-Syntax und Platzierung

Der einfachste Mailto-Link sieht so aus:

<a href="mailto:kontakt@beispiel.de">E-Mail schreiben</a>

Diesen Code fügen Sie an jeder beliebigen Stelle in Ihrer Webseite ein. Sie können ihn im Footer, auf der Kontaktseite oder in einem Text verwenden. Schreiben Sie dazu einen klaren Linktext wie „Jetzt E-Mail senden“. So weiß der Besucher, was passiert.

Setzen Sie einen eindeutigen Linktext wie Jetzt E-Mail senden. Platzieren Sie den Link an gut sichtbaren Stellen.

Varianten

E-Mail an mehrere Haupt-Empfänger

<a href="mailto:alice@example.com,bob@example.com">Mail an zwei Empfänger</a>

E-Mail mit Betreff

<a href="mailto:kontakt@beispiel.de?subject=Ihre%20Anfrage">E-Mail mit Betreff</a>

E-Mail mit sichtbarer Kopie CC

<a href="mailto:kontakt@beispiel.de?cc=info@beispiel.de">Mail mit CC</a>

E-Mail mit Blindkopie BCC

<a href="mailto:kontakt@beispiel.de?bcc=leitung@beispiel.de">Mail mit BCC</a>

E-Mail mit Nachricht

<a href="mailto:kontakt@beispiel.de?body=Hallo%20Team,%0D%0AIch%20habe%20eine%20Frage.">Mail mit Text</a>

Attribute kombinieren

<a href="mailto:kontakt@beispiel.de?subject=Anfrage&cc=support@beispiel.de&bcc=leitung@beispiel.de&body=Bitte%20um%20Rückruf.">Mail mit allen Parametern</a>

Einfügen im WordPress Editor und im Menü

In WordPress wählen Sie den gewünschten Text. Klicken Sie auf das Link-Symbol im Editor. Geben Sie dann mailto:kontakt@beispiel.de als Ziel ein. Speichern Sie den Link. Alternativ können Sie HTML direkt im Texteditor nutzen. Auch in Menüs oder Widgets funktioniert diese Methode. Wichtig ist, dass der Link funktioniert und gut sichtbar ist.

Nutzen Sie WordPress, können Sie Mailto-Links ohne manuelle HTML-Eingabe einfügen, denn passenden Plugins wie Click to Mail erzeugen den Code automatisch, platzieren ihn an der gewünschten Stelle und bieten Optionen für Betreff oder Nachricht, so sparen Sie Zeit und vermeiden Tippfehler. Auch Builder wie Elementor oder WPBakery haben eigene Funktionen dafür.

Click to Mail

Unmittelbar nach dem Installieren des Plugins rufen Sie Settings im Menü auf, klicken Click to Mail, füllen die Felder für Empfängeradresse und, wenn gewünscht, Betreff, CC, BCC oder Nachricht, wählen einen Button- oder Linkstil, kopieren den erzeugten Shortcode, fügen ihn in einen Beitrag, eine Seite oder ein Widget ein, aktualisieren den Inhalt, testen den Link, passen Stil oder Text an und erstellen bei Bedarf zusätzliche Shortcodes für weitere Mailto-Varianten.

No FAQs found for this post.

Geschrieben von Daniel Wunderlich

Daniel Wunderlich

Daniel Wunderlich

Inhaber, Webchaniker

Daniel Wunderlich ist Inhaber der Webagentur Webchaniker.

Kommentare (0)

Bisher keine Kommentare. Sei der Erste, der einen Kommentar hinterlässt!