Erweiterte Konfiguration

Wie erstellen Sie einen Mailto-Link auf einer Website?

Wir zeigen Ihnen gemeinsam, wie Sie einen Mailto-Link (auf eine E-Mail-Adresse) erstellen und in Ihre Webseite einfügen. Für diesen Mailto-Link, der eine neue E-Mail öffnet, nutzen wir die Werkzeuge des visuellen Editors zur Erstellung Ihrer Website und insbesondere die HTML-Option.

Ein „mailto“-Link ermöglicht es Besuchern, Sie per E-Mail zu kontaktieren: Ein einfacher Klick auf den Link startet ihr E-Mail-Programm.

Einen Mailto-Link mit dem visuellen Editor hinzufügen

Um einen Link auf eine E-Mail-Adresse einzufügen, bearbeiten Sie die Seite, auf der der Link erscheinen soll, und tippen in einem visuellen Editor den Text ein, der als Link dienen soll. Zum Beispiel: Kontaktieren Sie mich

Markieren Sie anschließend Ihren Text und klicken Sie im Editor auf das Werkzeug zum Einfügen eines Links.

Wählen Sie als Art des Links die E-Mail-Adresse. Tragen Sie dann direkt darunter Ihre Adresse ein.

Ein mailto-Link lässt sich auch auf ein Bild setzen.

Wenn Sie ein Bild hinzufügen, wählen Sie dann beim Linkziel einen benutzerdefinierten Link und fügen Folgendes ein:

mailto:ihre-adresse@beispiel.de

in das Feld für die Adresse des Links (ersetzen Sie „ihre-adresse@beispiel.de“ durch Ihre E-Mail-Adresse).

So setzen Sie also auch einen Link auf ein Bild.

Einen Link auf eine E-Mail-Adresse in HTML einfügen

Wenn Sie lieber mit HTML-Code arbeiten, verwenden Sie auf einer Seite den HTML-Editor und fügen den folgenden Code ein. Ersetzen Sie dabei die Adresse „ihre-adresse@beispiel.de“ durch Ihre eigene:

<a href="mailto:ihre-adresse@beispiel.de">Kontaktieren Sie mich!</a>

Mit zusätzlichen Klassen geben Sie Ihrem Link das Aussehen einer Schaltfläche. Zum Beispiel:

<a href="mailto:ihre-adresse@beispiel.de" class="btn btn-primary">Kontaktieren Sie mich!</a>