Hovedproblemet knyttet til HTML-e-postlenker er at de kan blokkeres av e-postklienter eller spamfiltre. Dette betyr at mottakeren kanskje ikke får tilgang til lenken, noe som resulterer i en dårlig brukeropplevelse. I tillegg kan enkelte e-postklienter fjerne HTML-kode fra e-poster, noe som kan føre til at koblinger bryter eller blir uklikkbare.
<a href="mailto:example@example.com">Send an email</a>
1. Denne kodelinjen lager et HTML-ankerelement, som brukes til å koble til en annen side eller ressurs.
2. «href»-attributtet spesifiserer destinasjonen til lenken, i dette tilfellet en mailto-adresse.
3. Verdien av «href»-attributtet er satt til «mailto:example@example.com», som vil åpne en e-postklient med den spesifiserte adressen allerede fylt ut som mottaker når den klikkes på.
4. Teksten mellom åpnings- og avslutningsankertaggene ("Send en e-post") vil vises som en klikkbar lenke på nettsiden som kan klikkes på for å åpne en e-postklient med eksempel@example.com allerede fylt ut som mottakeradresse når du klikker på.
mailto linken
En mailto-lenke er et HTML-element som lar en bruker sende en e-post fra en nettside. Det er vanligvis representert med ordene "mailto:" etterfulgt av en e-postadresse. Når du klikker, vil den åpne brukerens standard e-postprogram og forhåndsutfylle Til-feltet med den angitte adressen. Mailto-lenken kan også inneholde annen informasjon som emnelinje, brødtekst og cc- eller bcc-adresser.
Hvordan lage en e-postkobling i HTML
For å lage en e-postkobling i HTML, må du bruke stikkord. De taggen brukes til å lage en hyperkobling som kobler en side til en annen.
href-attributtet brukes til å spesifisere destinasjonen for lenken. For å opprette en e-postkobling må du sette href-attributtet lik "mailto:email@example.com". Dette vil åpne et e-postvindu med den angitte adressen i "Til"-feltet når du klikker på.
Du kan også legge til en emnelinje og brødtekst for e-posten din ved å legge til flere attributter etter mailto: i href-verdien din. Hvis du for eksempel ønsker å legge til en emnelinje og brødtekst, vil href-verdien din se slik ut:
href=”mailto:email@example.com?subject=Subject Line&body=Body Text”
Du kan også tilpasse hva som vises som den klikkbare teksten for e-postlenken din ved å legge til innhold mellom åpning og lukking tagger. For eksempel:
Klikk her for å sende oss en e-post
Dette vil vise "Klikk her for å sende oss e-post" som klikkbar tekst som åpner et e-postvindu når du klikker på den.
Beste praksis for å lage HTML-e-postkoblinger
1. Bruk fullstendige URL-er: Når du oppretter koblinger i HTML-e-poster, bruk alltid hele URL-en i stedet for en relativ bane. Dette sikrer at koblingen fungerer riktig selv om e-posten videresendes eller vises på en annen enhet.
2. Bruk beskrivende ankertekst: Ankertekst er den klikkbare delen av en lenke og bør være beskrivende slik at leserne vet hva de klikker på før de klikker på den. Unngå å bruke generiske ord som "klikk her" som ankertekst, da dette kan gjøre det vanskelig for leserne å forstå hvor de blir tatt når de klikker på lenken.
3. Test koblingene dine: Før du sender ut en e-post med HTML-lenker, test dem for å sikre at de fungerer som de skal og tar brukerne til riktig destinasjon. Dette kan gjøres ved å klikke på hver lenke i en e-postklient eller nettleser før du sender ut meldingen.
4. Inkluder reservealternativer: Hvis du inkluderer HTML-koblinger i en e-post, må du også inkludere rentekstversjoner av de samme koblingene, slik at brukere som ikke kan se HTML-e-poster, fortsatt kan få tilgang til dem fra innboksene deres med ren tekst.