Wolltest du schon immer einen „Kontakt“-Button in deine Website einbauen, wusstest aber nicht, wie?

Das ist jetzt kein Problem mehr! In diesem Artikel zeigen wir dir, wie du mit HTML einen mailto-Link erstellen kannst. So kannst du schnell und einfach sicherstellen, dass deine Besucher dich kontaktieren können, ohne deine Website verlassen zu müssen.

Stelle deine HTML oder CSS Frage in unserem Forum kostenlos!

HTML Mailto

Schauen wir uns zunächst den Code an, den du für einen mailto-Link brauchst. Du musst das URL-Schema „mailto:“ verwenden, das dem Browser mitteilt, dass dies ein Link zu einer E-Mail-Adresse ist.

Gib danach die E-Mail-Adresse ein, die du verwenden möchtest. Zum Beispiel:

<a href="mailto:kontakt@email.de"> Link zu deiner Emailadresse</a>

HTML Mailto an 2 Empfänger

So kannst du eine Email an zwei Empfänger gleichzeitig schicken. Die Email Adressen werden mit %20 getrennt.

<a href="mailto:kontakt@email.de%20max.mustermann@domain.de"> Link zu deiner Emailadresse</a>

HTML Mailto mit Betreff

Wenn du einen Betreff mit html mailto erstellst, kannst du Betreffinformationen einfügen, die automatisch ausgefüllt werden, wenn der Empfänger die E-Mail öffnet.

<a href="mailto:kontakt@email.de?subject=Betreff"> Link zu deiner Emailadresse</a>

Mailto Email mit CC Empfänger

So wird in dem HTML Mailto Befehl noch eine Email Adresse in den CC gepackt.

<a href="mailto:kontakt@email.de?cc=max.mustermann@domain.de"> Link zu deiner Emailadresse</a>

E-Mail mit Nachricht

So kannst du auch eine automatisierte Nachricht an den mailto Befehl anghängen

<a href="mailto:kontakt@email.de?body=Nachricht"> Link zu deiner Emailadresse</a>

Fazit

Wenn der Benutzer jetzt auf den Link klickt, dann wird er direkt zu dem Email Provider seiner Wahl weitergeleitet und kann somit die Email schreiben und gleich verschicken. Die Ziel Email wird zudem gleich beim Empfängerfeld eingefügt.

Über Mich

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Kennst du schon diese Memes?

Smiley Bedeutung