kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

E-Mail-Links (mailto) mit Betreff, Kopie (CC), Blindkopie (BCC) und Nachrichteninhalt

Eine Kontaktmöglichkeit gehört zu jeder guten Website, doch muss es immer gleich ein komplexes Formular sein? Häufig reicht auch der Link auf eine E-Mail-Adresse. Klickt der Besucher diesen Link an, öffnet sich das Standard-Mailprogramm. Und mit ein paar Zeichen mehr, kann sogar der Betreff oder der Nachrichtentext vordefiniert werden. Selbst mehrere Empfänger sind möglich.

Workshops und Seminare von kulturbanause

Visual Prototyping, Responsive Design, CSS Grid & Flexbox, WordPress, Adobe XD, HTML & CSS Grundlagen, Website-Optimierung …

Jetzt Frühbucher-Rabatte sichern!

E-Mail

Der klassische E-Mail-Link ohne besondere Funktionen.

<a href="mailto:m.mustermann@domain.de">E-Mail schreiben</a>

E-Mail an mehrere Haupt-Empfänger

Der klassische E-Mail-Link, diesmal wird die Nachricht allerdings an mehrere Adressen versendet.

<a href="mailto:m.mustermann@domain.de,%20max.m@domain.de">E-Mail an zwei Personen schreiben</a>

E-Mail mit Betreff

Ein Mail-Link mit vordefinierter Betreff-Zeile.

<a href="mailto:m.mustermann@domain.de?subject=Hier%20steht%20der%20Betreff">E-Mail mit Betreff</a>

E-Mail mit sichtbarer Kopie (CC)

E-Mail-Link mit einem sichtbareren Kopie-Empfänger.

<a href="mailto:m.mustermann@domain.de?cc=max.m@example.org">E-Mail mit Kopie</a>

E-Mail mit Blindkopie (BCC)

<a href="mailto:m.mustermann@domain.de?bcc=max.m@example.org ">E-Mail mit Blindkopie</a>

E-Mail mit Nachricht

E-Mail-Link mit vorformuliertem Nachrichtentext. Der Inhalt muss codiert angegeben werden.

<a href="mailto:m.mustermann@domain.de?body=Hallo%20Max,%0D%0A%0D%0Ahier%20steht%20die%20Nachricht.">E-Mail schreiben</a>

Attribute kombinieren

Alle Attribute lassen sich durch Hinzufügen von &amp; auch kombinieren. So kann selbst mit einem simplen mailto-Link eine komfortable E-Mail-Vorlage erstellt werden.

<a href="mailto:m.mustermann@domain.de?subject=Hier%20steht%20der%20Betreff&amp;body=Hallo%20Max,%0D%0A%0D%0Ahier%20steht%20die%20Nachricht.">E-Mail mit Betreff und vorbereiteter Nachricht schreiben</a>

Demo anzeigen

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Wir sind dir für jede Unterstützung dankbar!

Das könnte dich auch interessieren

27 Kommentare

  1. Dominik

    Verfasst am 7. Juli 2014 um 14:02 Uhr.

    Hi Jonas,

    super Sache. Für mich bietet ein einfacher E-Mail-Link allgemein viel mehr Möglichkeiten als ein Formular. Solange ich keine Mails mit einem statischen Template und strukturierten Daten haben möchte, würde ich freie Mails dem Formular vorziehen da dort auch Bilder, Anhänge oder ähnliches ohne großen Aufwand hinzugefügt werden kann.

    Danke für den Artikel. Die Extralinkzusätze kannte ich noch nicht.

  2. Manu

    Verfasst am 12. Februar 2015 um 18:22 Uhr.

    Hi
    Supertips vielen Dank!!
    Ich habe grade folgende Herausforderung. In meiner E-Mailsignatur habe ich ein Werbebanner integriert und ich möchte dieses Banner auf eine vordefinierte E-Mailnachricht verlinken. Also Klick auf Banner, Mailfenster geht auf mit vordefinierter mailto-Adresse, Betreff und Inhalt.

    Wie muss ich das in Outlook einrichten? Geht das überhaupt?

    Vielen Dank schon im Vroaus und einen schönen Abend.

    liebe Grüsse
    Manuela

    • Julius

      Verfasst am 18. März 2018 um 19:59 Uhr.

      Hi :-)

      So, wie du auch jeglichen TEXT hyperlinken kannst, kannst du auch beim Foto per Rechtsklick einen Link hinterlegen; genauso wie in Word.
      Dann gibst du den Link wie hier im Blog erklärt ein.

      Einfach nach der Option suchen, Screenshots kann ich hier nicht anhängen leider…

      LG Julius

  3. Gaby

    Verfasst am 21. April 2015 um 11:04 Uhr.

    Hallo Jonas,
    ich habe gelernt, dass E-Mail-Links mit mailto ein gefundenes Fressen für SPAM-Bots sind. Daher haben wir früher Emailadressen verschlüsselt.
    Aus §me@meinedomain.de“ wurde dann „me@meinedomain.de“

    als mailto-Link:
    Hier der Linktext

    Wie ist deine Meinung dazu?
    Liebe Grüße Gaby

  4. Thomas Grugel

    Verfasst am 24. September 2015 um 14:47 Uhr.

    Hi

    Ich muss hier mal den gesamten Blog loben sehr übersichtlich und das Design ist spitze! Grüsse aus NRW

  5. Wolfgang Tessmann

    Verfasst am 1. März 2016 um 9:19 Uhr.

    Hallo,
    seit ein paar Tagen funktioniert der mailto (erstellt mit Frontpage) nur noch, wenn ich im Firefox bin.
    Wenn ich die Webseiten in Google Chrome oder Opera aufrufe, öffnet sich bei mir das Thunderbird-Fenster nicht mehr.
    Kann mir bitte jemand sagen, wie ich das wieder hinbekomme?

    Danke.

    • Martin

      Verfasst am 15. Oktober 2016 um 22:17 Uhr.

      Ist in Chrome und Opera vielleicht ein Email-Client eingestellt, der nicht installiert ist?

  6. Jochen Uebel

    Verfasst am 2. Juni 2016 um 11:44 Uhr.

    Hallo.
    Ich würde Deinen Satz »Alle Attribute lassen sich auch kombinieren.« um eine Winzigkeit erweitern, so dass er anschließend so lautet:

    Alle Attribute lassen sich durch Einfügen eines »&« kombinieren.

    Evtl. wäre es sogar sinnvoll, aus diesem Kombinationshinweis einen eigenen Absatz zu machen, mit eigener Überschrift.

    • Jonas Hellwig

      Verfasst am 3. Juni 2016 um 9:40 Uhr.

      Vielen Dank für deinen hilfreichen Hinweis. Ich habe das Beispiel und den Beitrag ergänzt.

  7. Martina

    Verfasst am 29. Juni 2016 um 15:36 Uhr.

    Verknüpfungen nach „?“ mit „&“ und nicht mittels ;.

    • Martina

      Verfasst am 29. Juni 2016 um 16:33 Uhr.

      PS: Vielen Dank für den hilfreichen Artikel! :)

  8. Martin

    Verfasst am 15. Oktober 2016 um 22:16 Uhr.

    Danke, der Beitrag war für mich hilfreich: https://blog.mdosch.de/2016/10/15/beitraege-jetzt-per-e-mail-teilbar/

  9. Hauke

    Verfasst am 19. Oktober 2016 um 13:24 Uhr.

    Hilfreicher Artikel. Vielen Dank dafür!
    Ich wollte von einem Formularfeld auf etwas einfacheres für den Besucher, die vorgefertigte E-Mail ist perfekt geeignet hierfür.

    Gibt es eine Maximallänge an Zeichen, die man im Link hinterlegen darf?

    VG, Hauke

    • Julius

      Verfasst am 18. März 2018 um 20:16 Uhr.

      meines Wissens nicht; ich habe bereits ca 150 Worte gehabt also denke ich ist die einzige Limitierung eine mögliche Maximalanzahl bei der Länge des LINKS bzw. – nicht zu vergessen – die Geduld beim permanenten „%20“ nach jedem Wort :-P

  10. André

    Verfasst am 7. September 2017 um 9:42 Uhr.

    Hi Jonas,

    da suche ich einmal nach Infos, wie ich einen mailto-Link mit Attributen versehen kann und lande ausgerechnet bei dir. ;) Dein Artikel hilft mir aber gerade sehr weiter.

    Nur ein Punkt: beim Absatz „Attribute verknüpfen“ müsste in deinem Beispielcode das & durch & ersetzt werden, sonst enthält die E-Mail nicht den gewünschten Text.

    Grüße aus München
    André

    • Jonas Hellwig

      Verfasst am 11. September 2017 um 14:40 Uhr.

      Hallo André, das &-Zeichen muss codiert werden – &amp; ist daher eigtl. richtig.

  11. Georg

    Verfasst am 11. November 2017 um 18:44 Uhr.

    Hallo, ich möchte auf meine Seite ein Mailprogramm einrichten. Es sollen Leute die auf diese Seite schauen, eine Weiterempfehlung geben. Also an einem Empfänger senden mit Absenderdaten von meine Mailadresse aus.
    Wäre toll über eine hilfreiche Antwort.
    Georg

    • Julius

      Verfasst am 18. März 2018 um 20:14 Uhr.

      wenn ich dich richtig verstehe, möchtest du dass die EmpfehlenDEN eine Nachricht an andere schicken, welche von deiner Adresse geschickt wird?
      Das wird nicht funktionieren, da die EmpfehlenDEN dafür Zugriff auf dein Mailkonto brauchen würden.

      Richtig verstanden? – sonst bitte umformulieren

  12. Karl

    Verfasst am 12. März 2018 um 10:35 Uhr.

    HI
    gute Tipps. Frage: In meinem Outlook habe ich verschiedene Mailkonten=Absender. Kann ich den Mailto irgendwie so ergänzen, dass ich ein Absenderkonto wählen kann?

    mfg
    Karl

    • Jonas Hellwig

      Verfasst am 12. März 2018 um 11:58 Uhr.

      Hallo Karl, ich wüsste nicht wie das mit mailto funktionieren sollte.

    • Julius

      Verfasst am 18. März 2018 um 20:07 Uhr.

      ist zwar etwas mühsam aber du kannst

      entweder das von dir _meistens_ gewollte Konto neuinstallieren (es wird damit vermutlich nach oben in der Liste der Konten rutschen und dann für die „mailto“ Befehle verwendet werden)

      oder (sollte das so nicht klappen) ALLE Konten deinstallieren und das gewünschte wiederum als letztes neu installieren.

      Das ist die einzige Möglichkeit die ich sehe, den Computer bei der Auswahl des Mailkontos _möglicherweise_ zu beeinflussen da ich vermute dass durch genannte „Reihung“ der Konten die Entscheidung, welches Konto verwendet wird, gefällt wird.

  13. Matthias

    Verfasst am 23. Mai 2018 um 14:16 Uhr.

    Hallo Jonas,

    danke für den Tipp!

    Hat mir sehr geholfen.

    Erfolgreiche Woche weiterhin

    gruß
    Matthias

  14. Daniel Faßbender

    Verfasst am 24. Mai 2018 um 13:49 Uhr.

    Super Tip, ich mag Deine Seite sehr gerne, da sie mir schon oft weitergeholfen hat!

    Eine Frage hätte ich: Kann ich im body-Text auch Tags wie oder verwenden? Bei mir mit Airmail funktioniert es, bei einem Kunden mit Outlook funktioniert es nicht. Gibt es da einen Workaround?

  15. Christiane

    Verfasst am 29. Mai 2018 um 10:33 Uhr.

    Leider klappt die Kombination aus vorgefertigtem Betreff und Text (also Inhalt der Mail) bei mir nicht. Ich habe in einem PDF-Dokument den Link über „Formular bearbeiten“, „Schaltfläche“ und dann unter „Aktionen“ Webverknüpfung öffnen“ und dann in das Feld „URL eingeben“ eingegeben… Was super klappt ist nur den Betreff hinzuzufügen, leider aber nicht zusätzlich den Body. Kann es sein, dass es beim PDF-Dokument über diesen Weg eine andere Kombination sein muss? Oder müsste ich dann ein Java-Script einfügen? Diese Möglichkeit gibt es auch, aber ich kann kein Java-Script.

    Danke & Gruß
    Christiane

Kommentar verfassen

Dieser Blog lebt vom Feedback der Besucher! Also los, mach mit!
Bitte habe Verständnis dafür, dass Kommentare die mit dem Inhalt dieses Beitrags nichts zu tun haben, gelöscht werden.