Glavni problem vezan za HTML linkove e-pošte je taj što ih klijenti e-pošte ili filteri za neželjenu poštu mogu blokirati. To znači da primalac možda neće moći pristupiti linku, što rezultira lošim korisničkim iskustvom. Osim toga, neki klijenti e-pošte mogu ukloniti HTML kod iz e-poruka, što može uzrokovati lomljenje linkova ili one na koje se ne može kliknuti.
<a href="mailto:example@example.com">Send an email</a>
1. Ova linija koda stvara HTML element sidra, koji se koristi za povezivanje na drugu stranicu ili resurs.
2. Atribut “href” specificira odredište veze, u ovom slučaju mailto adresu.
3. Vrijednost atributa “href” je postavljena na “mailto:example@example.com”, što će otvoriti klijent e-pošte sa navedenom adresom koja je već popunjena kao primalac kada se klikne na.
4. Tekst između početne i završne oznake sidra (“Pošalji e-poštu”) će biti prikazan kao link na web stranicu na koji se može kliknuti da bi se otvorio klijent e-pošte s primjerom@example.com već popunjenim kao adresa primaoca kada se klikne na.
mailto link
Mailto veza je HTML element koji omogućava korisniku da pošalje e-poštu sa web stranice. Obično je predstavljen riječima “mailto:” nakon kojih slijedi adresa e-pošte. Kada se klikne, otvorit će se korisnički zadani program za e-poštu i unaprijed popuniti polje Za navedenom adresom. mailto link može uključivati i druge informacije kao što su predmet, tekst i cc ili bcc adrese.
Kako napraviti link za e-poštu u HTML-u
Da biste napravili link e-pošte u HTML-u, trebate koristiti tag. The tag se koristi za kreiranje hiperveze koja povezuje jednu stranicu s drugom.
Atribut href se koristi za određivanje odredišta veze. Da biste kreirali link e-pošte, potrebno je da atribut href postavite jednakim “mailto:email@example.com”. Ovo će otvoriti prozor e-pošte sa navedenom adresom u polju „Za“ kada se klikne na njega.
Također možete dodati naslov i tijelo za svoju e-poštu dodavanjem dodatnih atributa nakon mailto: u svoju href vrijednost. Na primjer, ako želite dodati naslov i tijelo, vaša href vrijednost bi izgledala ovako:
href=”mailto:email@example.com?subject=Subject Line&body=Text”
Također možete prilagoditi ono što se pojavljuje kao tekst na koji se može kliknuti za vašu vezu e-pošte dodavanjem sadržaja između otvaranja i zatvaranja oznake. Na primjer:
Kliknite ovdje da biste nam poslali e-poštu
Ovo će prikazati “Kliknite ovdje da biste nam poslali e-poštu” kao tekst na koji se može kliknuti i koji će otvoriti prozor e-pošte kada se klikne na njega.
Najbolje prakse za kreiranje HTML linkova e-pošte
1. Koristite pune URL-ove: Kada kreirate veze u HTML e-porukama, uvijek koristite puni URL umjesto relativne putanje. Ovo osigurava da će veza ispravno raditi čak i ako se e-poruka prosljeđuje ili gleda na drugom uređaju.
2. Koristite opisni tekst sidra: Tekst sidra je dio veze na koji se može kliknuti i trebao bi biti deskriptivan tako da čitaoci znaju na šta kliknu prije nego što kliknu na njega. Izbjegavajte korištenje generičkih riječi poput "kliknite ovdje" kao sidrenog teksta, jer to može otežati čitaocima da shvate kuda ih vode kada kliknu na vezu.
3. Testirajte svoje veze: Prije nego što pošaljete e-poštu sa HTML vezama, testirajte ih da biste bili sigurni da rade ispravno i da vode korisnike na ispravno odredište. To se može učiniti klikom na svaku vezu u klijentu e-pošte ili web pretraživaču prije slanja poruke.
4. Uključite rezervne opcije: Ako uključujete HTML veze u e-poruku, uključite i verzije tih istih veza u obliku običnog teksta, tako da će korisnici koji ne mogu vidjeti HTML e-poruke i dalje moći da im pristupe iz svojih sandučića sa čistim tekstom.
