So fügen Sie E-Mail-Links zu Ihren Webseiten hinzu, Einführung

click fraud protection

Wenn es wichtig ist, mit den Lesern Ihrer Website zu kommunizieren und diese mit Ihnen kommunizieren zu lassen, kann es sehr hilfreich sein, zu lernen, mit Ihren E-Mail-Links kreativ umzugehen.

So fügen Sie einen Kontakt per E-Mail-Link auf einer Webseite hinzu
Kampagnenersteller / Unsplash

Was sind E-Mail-Links?

Wussten Sie, dass Sie in Ihren Link Dinge einfügen können, damit Ihre Leser beim Klicken darauf bereits eine Nachricht erhalten, mit der sie beginnen können? Sie können einen Betreff in die Betreffzeile oder eine Nachricht in den Textkörper der E-Mail einfügen. So können Sie Ihre E-Mails ganz einfach sortieren. Sie können die E-Mail auch an mehrere verschiedene E-Mail-Adressen senden lassen, wenn Sie möchten.

Angenommen, Sie möchten wissen, von welcher Seite Ihnen jemand eine E-Mail sendet, Sie können einen Code eingeben oder Nachricht in der E-Mail, damit Sie wissen, von welcher Seite sie gerade gekommen ist es zu sehen. Vielleicht haben Sie eine Liste von Fragen, die Ihnen die Leute stellen können, oder verschiedene Kategorien von etwas auf Ihrer Website. Sie können jedem unterschiedliche Nachrichten hinzufügen, damit Sie wissen, was Ihr Leser will, bevor Sie die E-Mail überhaupt lesen.

instagram viewer

Was Sie in einen E-Mail-Link aufnehmen können

Hier sind einige Dinge, die Sie in Ihren E-Mail-Links verwenden können.

mailto = Sagt dem E-Mail-Client an wen die E-Mail gesendet werden soll.

Betreff = Dadurch wird eine Nachricht in die Betreffzeile der E-Mail eingefügt.

Körper = Mit dieser Option können Sie eine Nachricht in den Textkörper der E-Mail einfügen.

%20 = Lässt ein Leerzeichen zwischen den Wörtern.

%0D%0A = Bringt Ihre Nachricht in die nächste Zeile. Dies ist vergleichbar mit der „Return“- oder „Enter“-Taste auf Ihrer Tastatur.

cc = Durchschreiben oder die E-Mail an eine andere E-Mail-Adresse als die mailto-Adresse senden lassen.

bcc = Blindkopie oder die E-Mail an eine andere E-Mail-Adresse als die mailto- und cc-Adressen senden lassen.

So verwenden Sie E-Mail-Link-Optionen

So können Sie diese Dinge nutzen, um Ihnen zu helfen. Zuerst müssen Sie wissen, wie Sie einen einfachen E-Mail-Link schreiben. Ein einfacher E-Mail-Link beginnt sehr ähnlich wie ein normaler Link:

" data-component="link" data-source="inlineLink" data-type="internalLink" data-ordinal="1">

Es endet auch sehr ähnlich wie ein einfacher Link:

">Text für Link hier

Was in der Mitte passiert, ist anders. Sie möchten natürlich mit dem Hinzufügen Ihrer E-Mail-Adresse beginnen, damit Ihre Leser die E-Mail an Sie senden können. Das wird ungefähr so ​​aussehen:

mailto: [email protected]

Nun, da Sie so viel wissen, können Sie einen einfachen E-Mail-Link zusammenstellen. Für Ihre Leser sieht es so aus:

Text für Link hier

Es öffnet Ihren E-Mail-Client, sodass Sie eine E-Mail senden können, wenn wir eine echte E-Mail-Adresse verwenden. Da ich keine echte E-Mail-Adresse verwende, können Sie damit keine E-Mail senden. Versuchen Sie, die falsche E-Mail-Adresse in Ihrem Texteditor durch Ihre eigene zu ersetzen (speichern Sie die Datei zuerst mit der Erweiterung .htm oder .html) und prüfen Sie, ob Sie sich selbst eine E-Mail senden können.

Zu einem einfachen E-Mail-Link hinzufügen

Nehmen wir nun diesen einfachen E-Mail-Link und fügen ihn hinzu. Zuerst haben wir den grundlegenden E-Mail-Link, der wie folgt aussieht:

abhängig von der E-Mail

Wir würden dies tun, indem wir zuerst ein Fragezeichen (?) hinzufügen, dann den Betreffcode hinzufügen und schließlich hinzufügen, was die Betreffzeile sagen soll. Vergessen Sie nicht, den Leerzeichencode zwischen den Wörtern hinzuzufügen. Ihr Code funktioniert möglicherweise in einigen Browsern, aber möglicherweise nicht in allen. Der Code zum Hinzufügen des Betreff-Links würde wie folgt aussehen:

?Betreff=Betreff%20Text%20Hier

So sieht es für Ihre Leser aus:

[mail [email protected]? subject=Subject%20Text%20Here]Text für Link hier[/mail]

Gehen Sie voran und versuchen Sie es. Sehen Sie, wie der Text jetzt in der Betreffzeile angezeigt wird?

Weitere Optionen hinzufügen

Jetzt können Sie die anderen Dinge hinzufügen. Fügen Sie im Textkörper der E-Mail eine Nachricht hinzu oder fügen Sie andere E-Mail-Adressen hinzu, an die Ihre E-Mail gesendet werden soll. Wenn Sie Ihrem E-Mail-Link ein zweites Attribut hinzufügen, beginnen Sie es mit einem kaufmännischen Und (&) und nicht mit einem Fragezeichen (?).

Der Code zum Hinzufügen von Text in den Textkörper der E-Mail würde wie folgt aussehen:

&body=Hallo%20alle!!%20This%20is%20your%20body%20text.

So sieht Ihr E-Mail-Link jetzt aus:

So sieht es für Ihre Leser aus:

[mail [email protected]? subject=Subject%20Text%20Here&body=Hello%20everyone!!%20This%20is%20your%20body%20text.]Text für den Link hier[/mail]

Gehen Sie voran und versuchen Sie es. Sehen Sie, wie der Text im Textkörper der E-Mail angezeigt wird?

E-Mail-Adressen zu den CC- und BCC-Zeilen hinzufügen

Wenn du möchtest E-Mail-Adressen zur cc- und bcc-Zeile der E-Mail hinzufügen, alles, was Sie tun müssen, ist auch den Code für diese hinzuzufügen.

cc würde so aussehen: &[email protected]

bcc würde so aussehen: &[email protected]

Wenn Sie diese Ihrem E-Mail-Link hinzufügen, sieht der Code so aus:

So sieht es für Ihre Leser aus:

[mail [email protected]? subject=Subject%20Text%20Here&body=Hello%20everyone!!%20This%20is%20your%20body%20text.&[email protected]&[email protected]]Text für den Link hier[/mail]

Probieren Sie es aus und sehen Sie, wie es funktioniert!

Überspringen von Zeilen im Fließtext

Eine letzte Sache. Sie können den Textkörper, den Sie hinzugefügt haben, so einstellen, dass Zeilen übersprungen werden, wenn Sie möchten. Fügen Sie einfach den Code dafür in den Textkörper ein.

Anstatt von: Hello%20everyone!!%20This%20is%20your%20body%20text.

Du könntest es so machen: Hallo%20alle!!%0D%0AThis%20is%20your%20body%20text.

Ihr Code sieht nun so aus:

So sieht es für Ihre Leser aus:

[mail [email protected]? subject=Subject%20Text%20Here&body=Hello%20everyone!!%0D%0AThis%20is%20your%20body%20text.&[email protected]&[email protected]]Text für den Link hier[/mail]

Klicken Sie darauf, um den Unterschied zu sehen. Statt zu lesen:

Hallo zusammen!! Dies ist Ihr Fließtext.

Es lautet jetzt:

Hallo zusammen!!

Dies ist Ihr Fließtext.

Das ist alles dazu. Habe Spaß!

instagram story viewer