Come creare un link MAILTO in HTML per inviare email

Cosa sono i link MAILTO? Semplice, delle soluzioni per aprire il client di posta elettronica quando si clicca su una parola o un bottone. Ecco come creare un collegamento del genere.

Può capitare a tutti di aver bisogno di un link MAILTO per inviare email da una pagina web cliccando un anchor text, un banner o un bottone. Si può fare?

Come creare un link MAILTO
Realizzare un hyperlink MAILTO.

Certo, grazie al MAILTO. Basta creare un collegamento ipertestuale che usa al posto dell’URL di una pagina web l’indirizzo di posta elettronica. In questo modo è possibile creare un indirizzo email cliccabile su una pagina web. Come? Ecco la guida.

Cosa sono i link MAILTO, definizione

Cos’è un link MAILTO e a cosa serve? Si tratta di un collegamento ipertestuale che puoi inserire in una pagina web per permettere alle persone che visitano la risorsa di cliccare e aprire una finestra con il client di posta elettronica impostato.

Perché si usa? Per semplificare l’invio di email da pagine contatti o servizi. Questa soluzione si adotta quando vuoi semplificare il lavoro e migliorare i tempi: basta una stringa di codice HTML per inserire link email anche su WordPress (e non solo).

Da leggere: come rispondere a un’email

Come creare un link per inviare email

Per creare un link MAILTO in HTML basta andare nell’editor di codice e usare una combinazione che ricorda il metodo usato per creare un collegamento ipertestuale.

<a href="mailto:indirizzo@email.com">Scrivi una mail</a>

La sintassi è simile a quella che usi per creare un link ma al posto dell’URL, dopo a href, trovi il prefisso MAILTO e l’indirizzo di posta elettronica alla quale mandare il messaggio. In questo modo puoi creare un link email su una qualsiasi pagina web.

E se voglio inserire immagine con link in email? Semplice, al posto dell’anchor text inserisco il tag per richiamare l’immagine. Ecco un esempio chiaro.

<a href="mailto:indirizzo@email.com"><img
src="https://www.mysocialweb.it/wp-
content/uploads/2020/10/link-mailto.jpg" 
alt="Come creare un link MAILTO"/></a>

Personalizzare un link per inviare email

Non tutti sanno che è possibile adattare le funzioni del collegamento MAILTO alle proprie esigenze. Come si mette un link in una mail con relativa personalizzazione? Basta lavorare sul codice HTML. Ad esempio è possibile inviare più indirizzi:

<a href="mailto:indirizzo@email.com, 
indirizzo2@email.com">Scrivi una mail</a>

Puoi specificare l’oggetto e il corpo del messaggio. In pratica con il link MALTO puoi consentire non solo di cliccare sul link per aprire il client di posta predefinito, ma puoi anche preparare già il messaggio da mandare e aggiungere degli indirizzi in CC.

<a href="mailto:esempio@email.com?
subject=Qui%20metti%20oggetto%20&cc=
esempio2@email.com&body=Qui%20metti
%20messaggio">Manda email</a>

Ricorda, però, che nell’URL che stai digitando gli spazi vuoti devono essere definiti con il simbolo di codifica %20 e che tra i vari elementi devi usare E commerciale.

Tool per creare hyperlink verso email

Per semplificare il lavoro c’è un tool spettacolare: mailtolink.me. Questo strumento per compilare ti aiuta a compilare il link MAILTO aggiungendo tutto quello che serve.

Tool per creare hyperlink verso email
Compila la tua email per il link qui.

Ad esempio puoi mettere testo, oggetto, CC e addirittura BCC con una schermata user friendly. Alla fine devi solo copiare e incollare il codice HTML nella pagina web.

E se vuoi aprire link MAILTO in Gmail? Questa è un’impostazione che deve decidere l’utente, non il proprietario del sito. Quindi devi impostare il tuo client di post predefinito, lo puoi fare seguendo questo semplice tutorial di Google Chrome.

Mettere link HTML mailto su WordPress

Se desideri creare un link per inviare email su una pagina WordPress puoi puntare su due opzioni: lavorare sempre sul codice HTM o usare il classico sistema proposto dall’editor. Anche con il nuovo editor Gutenberg puoi seguire la procedura:

  • Selezionare l’anchor text.
  • Cliccare sul simbolo per inserire link.
  • Aggiungere mailto:indirizzo@rmail.com.
  • Cliccare sul tasto invio.

Invece del permalink metti il MAILTO. In questo modo hai ottenuto un link per mandare messaggi di posta elettronica dalla pagina web o dall’articolo del blog.

Come creare un link MAILTO su WordPress.

In questo tutorial racchiudo sia il primo processo, quello con il codice HTML, che il secondo svolto con l’editor WordPress. Se ci sono domande lasciale nei commenti.

RISPONDI AL COMMENTO

Please enter your comment!
Please enter your name here