Tutorials

So fügst du einen E-Mail-Link in WordPress ein [2025 Easy Guide]

Melden

Hier ist ein aktuelles Tutorial für das Jahr 2025, wie du E-Mail-Links in WordPress einfügst – optimiert für den Block-Editor (Gutenberg), Menüs und Buttons.

Ein E-Mail-Link (auch „mailto-Link“ genannt) ermöglicht es deinen Besuchern, mit einem einzigen Klick ihr E-Mail-Programm zu öffnen, wobei deine Adresse bereits im Empfängerfeld eingetragen ist. Das verbessert die Nutzererfahrung (UX) und steigert deine Conversion-Rate.

Hier sind die drei einfachsten Wege, dies im Jahr 2025 umzusetzen.

Das Grundprinzip: Der Mailto-Befehl

Bevor wir starten, musst du das Format kennen. Anstatt einer normalen URL (wie https://...) nutzt ein E-Mail-Link dieses Format: mailto:deine-email@beispiel.de

Methode 1: E-Mail-Link im Text einfügen (Block-Editor)

Dies ist die gängigste Methode für Blogposts oder Kontaktseiten.

  1. Markiere den Text, der verlinkt werden soll (z. B. „Schreib mir eine Mail“ oder deine E-Mail-Adresse selbst).
  2. Klicke in der Werkzeugleiste des Blocks auf das Link-Symbol (oder drücke Strg + K / Cmd + K).
  3. Tippe mailto: gefolgt von deiner E-Mail-Adresse ein.
    • Beispiel: mailto:hallo@deine-website.de
  4. Drücke die Eingabetaste (Enter).
  5. Pro-Tipp: WordPress 2025 erkennt E-Mail-Adressen oft automatisch. Wenn du nur die Adresse tippst und markierst, schlägt WordPress den mailto:-Link meist von selbst vor.

Methode 2: E-Mail-Link in einen Button einfügen

Buttons fallen mehr auf und sind ideal für Call-to-Actions (CTAs).

  1. Füge einen Button-Block hinzu (klicke auf das „+“ Icon).
  2. Schreibe den Text auf den Button (z. B. „Jetzt kontaktieren“).
  3. Klicke auf das Link-Symbol in der Button-Leiste.
  4. Gib auch hier mailto:deine-email@beispiel.de ein.
  5. Bestätige mit Enter.

Methode 3: E-Mail-Link im Navigationsmenü hinzufügen

Möchtest du einen Kontakt-Link direkt oben im Hauptmenü deiner Website?

  1. Gehe in deinem Dashboard zu Design > Menüs (oder bei Block-Themes zu Design > Editor > Navigation).
  2. Wähle den Punkt Individuelle Links (Custom Links).
  3. Gib bei URL Folgendes ein: mailto:deine-email@beispiel.de.
  4. Gib bei Link-Text z. B. „E-Mail“ oder „Kontakt“ ein.
  5. Klicke auf Zum Menü hinzufügen und speichere deine Änderungen.

Bonus: E-Mail-Link mit Betreffzeile vorbereiten

Du kannst den Link so präparieren, dass automatisch ein Betreff eingefügt wird. Das hilft dir, E-Mails besser zu sortieren.

Syntax: mailto:deine-email@beispiel.de?subject=Anfrage von der Website

(Hinweis: Ersetze Leerzeichen im Betreff bei Bedarf durch %20, obwohl moderne Browser dies meist automatisch korrigieren.)

Wichtiger Hinweis zum Thema Spam (2025 Update)

E-Mail-Links im Klartext haben einen Nachteil: Spam-Bots können sie leicht auslesen. Um dein Postfach zu schützen, hast du zwei Möglichkeiten:

  1. E-Mail-Encoder Plugins: Nutze Plugins wie „Email Address Encoder“. Diese verschlüsseln die Adresse im Quellcode für Bots, machen sie aber für Menschen klickbar.
  2. Kontaktformulare: Für professionelle Business-Seiten ist ein Kontaktformular (z. B. mit WPForms oder Contact Form 7) oft sicherer als ein direkter E-Mail-Link.

Zusammenfassung

Das Hinzufügen eines E-Mail-Links in WordPress ist 2025 so einfach wie nie zuvor. Denke immer an das Präfix mailto:, und deine Besucher können dich mit nur einem Klick erreichen!

0