eMail Button erstellen (mit Betreff und Text)

Hier zeige ich euch, wie man ganz einfach einen e-mail Button auf seiner Webseite generieren lässt.

Vorteile auf einem Blick:

• Keine offensichtliche Einsicht der E-Mail Adresse (über den Quellcode natürlich trotzdem sichtbar)
• Möglichkeit zu E-Mail Vorlagen
• Betreff und Text schon vorgeschrieben

Generieren eines E-Mail Buttons

Es ist also möglich durch diesen Code einen Button zu erstellen:

<FORM><INPUT TYPE=”button” VALUE=”Button”></FORM>

Nun möchte ich dem eMail Button noch seine Funktion verpassen.

Automatisch die E-Mail Adresse einfügen:

Beim Klicken soll sich das standard e-Mail Programm des Benutzers öffnen und unsere E-Mail Adresse soll auch schon drin stehen.
Das erreichen wir durch diesen Code:

mailto:[email protected]

Jetzt füge ich diesen Code in meinen Button ein.

Wenn also auf den Button geklickt wird, führt er eine Funktion aus (onClick=) – Eine e-mail verschicken.
Das sieht dann so aus:

<FORM><INPUT TYPE=”button” VALUE=”E-Mail Button” onClick=”parent.location=’mailto:[email protected]’”></FORM>

Nun würde der Button “E-Mail Button” eine Mail an [email protected] schicken. Man kann dem Button natürlich jeden erdenklichen Namen geben und die E-Mail Adresse ändern.

Automatischer Betreff und Text:

Nun möchte ich dem Button noch mehr Funktionen geben.
Und zwar soll er automatisch einen Betreff und einen Text in die E-Mail schreiben.

Basiert alles auf dem gleichen Code. Ich muss nur noch ein paar Funktions-Bausteine einfügen.

(?subject=) Gibt den Betreff vor.

(&body=) Gibt den Text in der Mail vor.

<FORM><INPUT TYPE=”button” VALUE=”E-Mail Button” onClick=”parent.location=’mailto:[email protected]’”>?subject=gewünschter Betreff&body=Hallo.%0D%0ADas%20ist%20der%20gewünschte%20Text.’”></FORM>

Im Body Bereich, also im Textfeld der E-Mail muss man “Leerzeichen” durch “%20” ersetzen und “Absätze” durch “%0D%0A”

Durch “Rechtsklicken” in dem Linkfenster könnt ihr euch den Quelltext anzeigen lassen, und den Code nochmals anschauen.

Hoffe euch hat mein Tutorial gefallen.

written by Roman Harcke

ÜBER DEN AUTOR

Roman

Hey, willkommen auf meinem Blog! Ich bin 24 Jahre alt und studiere Fahrzeug und Flugzeugtechnik an der FH München. In meiner Freizeit betreibe ich diesen Blog und gehe gerne fotografieren. Um mehr über mich und diese Seite zu erfahren, oder Kontakt mit mir aufzunehmen, habe ich die "About-Seite" eingerichtet. Viele Grüße