Hlavným problémom súvisiacim s HTML e-mailovými odkazmi je, že môžu byť blokované e-mailovými klientmi alebo spamovými filtrami. To znamená, že príjemca nemusí mať prístup k odkazu, čo má za následok zlú používateľskú skúsenosť. Navyše, niektorí e-mailoví klienti môžu odstrániť HTML kód z e-mailov, čo môže spôsobiť prerušenie odkazov alebo nekliknutie.
<a href="mailto:example@example.com">Send an email</a>
1. Tento riadok kódu vytvára kotviaci prvok HTML, ktorý sa používa na prepojenie na inú stránku alebo zdroj.
2. Atribút „href“ určuje cieľ odkazu, v tomto prípade adresu mailto.
3. Hodnota atribútu „href“ je nastavená na „mailto:example@example.com“, čím sa po kliknutí otvorí emailový klient s už zadanou adresou vyplnenou ako príjemca.
4. Text medzi úvodným a záverečným kotviacim štítkom („Odoslať e-mail“) sa zobrazí ako odkaz na kliknutie na webovej stránke, na ktorý možno kliknúť a otvoriť e-mailového klienta s už vyplneným e-mailom example@example.com po kliknutí na adresu príjemcu.
odkaz mailto
Odkaz mailto je prvok HTML, ktorý umožňuje používateľovi odoslať e-mail z webovej stránky. Zvyčajne je reprezentovaný slovami „mailto:“, za ktorými nasleduje e-mailová adresa. Po kliknutí sa otvorí predvolený e-mailový program používateľa a predvyplní pole Komu zadanou adresou. Odkaz mailto môže obsahovať aj ďalšie informácie, ako je predmet, hlavný text a adresy kópie alebo skrytej kópie.
Ako vytvoriť e-mailový odkaz v HTML
Ak chcete vytvoriť e-mailový odkaz v HTML, musíte použiť tag. The značka sa používa na vytvorenie hypertextového odkazu, ktorý spája jednu stránku s druhou.
Atribút href sa používa na určenie cieľa odkazu. Ak chcete vytvoriť e-mailový odkaz, musíte nastaviť atribút href rovný „mailto:email@example.com“. Tým sa po kliknutí otvorí e-mailové okno so zadanou adresou v poli „Komu“.
Môžete tiež pridať predmet a text e-mailu pridaním ďalších atribútov za mailto: v hodnote href. Ak by ste napríklad chceli pridať predmet a hlavný text, vaša hodnota href by vyzerala takto:
href=”mailto:email@example.com?subject=riadok predmetu&body=text textu”
Môžete tiež prispôsobiť, čo sa zobrazí ako klikateľný text pre váš e-mailový odkaz, pridaním obsahu medzi otvorenie a zatvorenie značky. Napríklad:
Kliknite sem a pošlite nám e-mail
Zobrazí sa text „Kliknite sem a pošlete nám e-mail“ ako text, na ktorý sa dá kliknúť, a po kliknutí naň sa otvorí okno s e-mailom.
Najlepšie postupy na vytváranie e-mailových odkazov HTML
1. Používajte úplné adresy URL: Pri vytváraní odkazov v e-mailoch HTML vždy používajte namiesto relatívnej cesty úplnú adresu URL. To zaisťuje, že odkaz bude fungovať správne, aj keď bude e-mail preposlaný alebo zobrazený na inom zariadení.
2. Použite popisný text kotvy: Text kotvy je časť odkazu, na ktorú sa dá kliknúť, a mal by byť popisný, aby čitatelia vedeli, na čo klikajú, skôr ako naň kliknú. Vyhnite sa používaniu všeobecných slov ako „kliknite sem“ ako kotviaceho textu, pretože to môže čitateľom sťažiť pochopenie toho, kam sa dostanú, keď kliknú na odkaz.
3. Otestujte svoje odkazy: Pred odoslaním e-mailu s odkazmi HTML ich otestujte, aby ste sa uistili, že fungujú správne a privádzajú používateľov na správne miesto určenia. Môžete to urobiť kliknutím na každý odkaz v e-mailovom klientovi alebo webovom prehliadači pred odoslaním správy.
4. Zahrňte záložné možnosti: Ak do e-mailu zahrniete odkazy HTML, zahrňte aj verzie tých istých odkazov vo formáte čistého textu, aby používatelia, ktorí nemôžu zobraziť e-maily vo formáte HTML, k nim stále budú mať prístup zo svojich priečinkov doručenej pošty s čistým textom.
