Основният проблем, свързан с HTML имейл връзките, е, че те могат да бъдат блокирани от имейл клиенти или филтри за спам. Това означава, че получателят може да няма достъп до връзката, което води до лошо потребителско изживяване. Освен това някои имейл клиенти могат да премахнат HTML кода от имейлите, което може да доведе до прекъсване на връзките или невъзможност за кликване.
<a href="mailto:example@example.com">Send an email</a>
1. Този ред код създава HTML anchor елемент, който се използва за връзка към друга страница или ресурс.
2. Атрибутът „href“ указва местоназначението на връзката, в този случай пощенски адрес.
3. Стойността на атрибута „href“ е зададена на „mailto:example@example.com“, което ще отвори клиент за електронна поща с вече попълнен посочения адрес като получател, когато се щракне върху него.
4. Текстът между отварящия и затварящия маркер за котва („Изпращане на имейл“) ще бъде показан като връзка с възможност за кликване на уеб страницата, върху която може да се щракне, за да се отвори имейл клиент с example@example.com, който вече е попълнен като адрес на получател, когато се щракне върху него.
mailto връзка
Връзката mailto е HTML елемент, който позволява на потребителя да изпрати имейл от уеб страница. Обикновено се представя с думите „mailto:“, последвани от имейл адрес. При щракване ще се отвори програмата за електронна поща на потребителя по подразбиране и предварително ще се попълни полето До с посочения адрес. Връзката mailto може да включва и друга информация, като ред за тема, основен текст и адреси cc или bcc.
Как да направите имейл връзка в HTML
За да направите имейл връзка в HTML, трябва да използвате етикет. The се използва за създаване на хипервръзка, която свързва една страница с друга.
Атрибутът href се използва за указване на дестинацията на връзката. За да създадете имейл връзка, трябва да зададете атрибута href равен на „mailto:email@example.com“. Това ще отвори имейл прозорец с посочения адрес в полето „До“, когато се щракне върху него.
Можете също така да добавите тема и основен текст за вашия имейл, като добавите допълнителни атрибути след mailto: във вашата href стойност. Например, ако искате да добавите тема и основен текст, вашата href стойност ще изглежда така:
href=”mailto:email@example.com?subject=Ред за тема&body=Основен текст”
Можете също така да персонализирате това, което се показва като текст, върху който може да се щракне, за вашата имейл връзка, като добавите съдържание между отварянето и затварянето етикети. Например:
Щракнете тук, за да ни изпратите имейл
Това ще покаже „Щракнете тук, за да ни изпратите имейл“ като текст с възможност за кликване, който ще отвори прозорец за имейл, когато се щракне върху него.
Най-добри практики за създаване на HTML имейл връзки
1. Използвайте пълни URL адреси: Когато създавате връзки в HTML имейли, винаги използвайте пълния URL адрес вместо относителен път. Това гарантира, че връзката ще работи правилно, дори ако имейлът е препратен или прегледан на друго устройство.
2. Използвайте описателен анкор текст: Анкор текстът е частта от връзката, върху която може да се кликне, и трябва да бъде описателен, така че читателите да знаят върху какво кликват, преди да кликнат върху него. Избягвайте да използвате общи думи като „щракнете тук“ като котвен текст, тъй като това може да затрудни читателите да разберат къде са отведени, когато кликнат върху връзката.
3. Тествайте връзките си: Преди да изпратите имейл с HTML връзки, тествайте ги, за да се уверите, че работят правилно и отвеждат потребителите до правилната дестинация. Това може да стане, като щракнете върху всяка връзка в имейл клиент или уеб браузър, преди да изпратите съобщението си.
4. Включете резервни опции: Ако включвате HTML връзки в имейл, включете и версии с обикновен текст на същите тези връзки, така че потребителите, които не могат да преглеждат HTML имейли, все още ще имат достъп до тях от своите входящи кутии с обикновен текст.
