Il problema principale relativo ai collegamenti e-mail HTML è che possono essere bloccati dai client di posta o dai filtri antispam. Ciò significa che il destinatario potrebbe non essere in grado di accedere al collegamento, con conseguente scarsa esperienza utente. Inoltre, alcuni client di posta elettronica possono rimuovere il codice HTML dalle e-mail, il che può causare l'interruzione dei collegamenti o renderli non selezionabili.
<a href="mailto:example@example.com">Send an email</a>
1. Questa riga di codice crea un elemento di ancoraggio HTML, che viene utilizzato per collegarsi a un'altra pagina o risorsa.
2. L'attributo "href" specifica la destinazione del collegamento, in questo caso un indirizzo mailto.
3. Il valore dell'attributo "href" è impostato su "mailto:example@example.com", che aprirà un client di posta elettronica con l'indirizzo specificato già inserito come destinatario quando si fa clic su di esso.
4. Il testo tra i tag di ancoraggio di apertura e chiusura ("Invia un'e-mail") verrà visualizzato come collegamento cliccabile sulla pagina Web su cui è possibile fare clic per aprire un client di posta elettronica con example@example.com già compilato come indirizzo del destinatario quando si fa clic su di esso.
collegamento mailto
Un collegamento mailto è un elemento HTML che consente a un utente di inviare un'e-mail da una pagina Web. Di solito è rappresentato dalle parole "mailto:" seguite da un indirizzo email. Una volta cliccato, aprirà il programma di posta elettronica predefinito dell'utente e precompilerà il campo A con l'indirizzo specificato. Il collegamento mailto può includere anche altre informazioni come la riga dell'oggetto, il corpo del testo e gli indirizzi cc o bcc.
Come creare un collegamento e-mail in HTML
Per creare un collegamento e-mail in HTML, è necessario utilizzare il file etichetta. Il tag viene utilizzato per creare un collegamento ipertestuale che collega una pagina all'altra.
L'attributo href viene utilizzato per specificare la destinazione del collegamento. Per creare un collegamento email, devi impostare l'attributo href uguale a "mailto:email@example.com". Questo aprirà una finestra di posta elettronica con l'indirizzo specificato nel campo "A" quando si fa clic su.
Puoi anche aggiungere una riga dell'oggetto e un corpo del testo per la tua email aggiungendo ulteriori attributi dopo mailto: nel tuo valore href. Ad esempio, se desideri aggiungere una riga dell'oggetto e un corpo del testo, il tuo valore href sarebbe simile a questo:
href=”mailto:email@example.com?subject=Oggetto&corpo=Corpo del testo”
Puoi anche personalizzare ciò che appare come testo cliccabile per il tuo collegamento e-mail aggiungendo contenuto tra l'apertura e la chiusura tag. Per esempio:
Clicca qui per contattarci via email
Questo visualizzerà "Fai clic qui per inviarci un'e-mail" come testo cliccabile che aprirà una finestra di posta elettronica quando si fa clic su.
Best practice per la creazione di collegamenti e-mail HTML
1. Utilizza URL completi: quando crei collegamenti nelle e-mail HTML, utilizza sempre l'URL completo anziché un percorso relativo. Ciò garantisce che il collegamento funzioni correttamente anche se l'e-mail viene inoltrata o visualizzata su un dispositivo diverso.
2. Utilizzare un testo di ancoraggio descrittivo: il testo di ancoraggio è la parte cliccabile di un collegamento e dovrebbe essere descrittivo in modo che i lettori sappiano su cosa stanno facendo clic prima di fare clic su di esso. Evita di utilizzare parole generiche come "clicca qui" come testo di ancoraggio, in quanto ciò può rendere difficile per i lettori capire dove vengono portati quando fanno clic sul collegamento.
3. Testare i collegamenti: prima di inviare un'e-mail con collegamenti HTML, testarli per assicurarsi che funzionino correttamente e portino gli utenti alla destinazione corretta. Questo può essere fatto facendo clic su ciascun collegamento in un client di posta elettronica o in un browser Web prima di inviare il messaggio.
4. Includi opzioni di fallback: se includi collegamenti HTML in un'e-mail, includi anche le versioni in testo semplice di quegli stessi collegamenti in modo che gli utenti che non possono visualizzare le e-mail HTML possano comunque accedervi dalle loro caselle di posta in arrivo con testo normale.
