Det största problemet med HTML-e-postlänkar är att de kan blockeras av e-postklienter eller spamfilter. Detta innebär att mottagaren kanske inte kan komma åt länken, vilket resulterar i en dålig användarupplevelse. Dessutom kan vissa e-postklienter ta bort HTML-kod från e-postmeddelanden, vilket kan göra att länkar går sönder eller blir oklickbara.
<a href="mailto:example@example.com">Send an email</a>
1. Denna kodrad skapar ett HTML-ankarelement, som används för att länka till en annan sida eller resurs.
2. Attributet "href" anger destinationen för länken, i detta fall en mailto-adress.
3. Värdet på attributet "href" är satt till "mailto:example@example.com", vilket öppnar en e-postklient med den angivna adressen redan ifylld som mottagare när den klickas på.
4. Texten mellan de inledande och avslutande ankartaggarna ("Skicka ett e-postmeddelande") kommer att visas som en klickbar länk på webbsidan som kan klickas på för att öppna en e-postklient med exempel@example.com redan ifyllt som mottagarens adress när den klickas på.
mailto länk
En mailto-länk är ett HTML-element som låter en användare skicka ett e-postmeddelande från en webbsida. Det representeras vanligtvis av orden "mailto:" följt av en e-postadress. När du klickar på den öppnar den användarens standardprogram för e-post och förfyller fältet Till med den angivna adressen. Mailto-länken kan också innehålla annan information som ämnesrad, brödtext och cc- eller hemligkopia-adresser.
Hur man gör en e-postlänk i HTML
För att skapa en e-postlänk i HTML måste du använda märka. De taggen används för att skapa en hyperlänk som länkar en sida till en annan.
href-attributet används för att ange destinationen för länken. För att skapa en e-postlänk måste du ställa in href-attributet lika med "mailto:email@example.com". Detta öppnar ett e-postfönster med den angivna adressen i "Till"-fältet när du klickar på den.
Du kan också lägga till en ämnesrad och brödtext för din e-post genom att lägga till ytterligare attribut efter mailto: i ditt href-värde. Om du till exempel vill lägga till en ämnesrad och brödtext skulle ditt href-värde se ut så här:
href=”mailto:email@example.com?subject=Ämnesrad&body=Brödtext”
Du kan också anpassa vad som visas som den klickbara texten för din e-postlänk genom att lägga till innehåll mellan öppning och stängning taggar. Till exempel:
Klicka här för att mejla oss
Detta kommer att visa "Klicka här för att skicka e-post till oss" som klickbar text som öppnar ett e-postfönster när du klickar på den.
Bästa metoder för att skapa HTML-e-postlänkar
1. Använd fullständiga webbadresser: När du skapar länkar i HTML-e-postmeddelanden, använd alltid hela webbadressen istället för en relativ sökväg. Detta säkerställer att länken fungerar korrekt även om e-postmeddelandet vidarebefordras eller visas på en annan enhet.
2. Använd beskrivande ankartext: Ankartext är den klickbara delen av en länk och bör vara beskrivande så att läsarna vet vad de klickar på innan de klickar på den. Undvik att använda generiska ord som "klicka här" som ankartext, eftersom det kan göra det svårt för läsare att förstå vart de förs när de klickar på länken.
3. Testa dina länkar: Innan du skickar ut ett e-postmeddelande med HTML-länkar, testa dem för att se till att de fungerar korrekt och tar användarna till rätt destination. Detta kan göras genom att klicka på varje länk i en e-postklient eller webbläsare innan du skickar ut ditt meddelande.
4. Inkludera reservalternativ: Om du inkluderar HTML-länkar i ett e-postmeddelande, inkludera även vanliga textversioner av samma länkar så att användare som inte kan se HTML-e-postmeddelanden fortfarande kan komma åt dem från sina inkorgar med vanlig text.
