Sei qui
Home > Sviluppo > come creare un link HTML ‘mailto’ e tutte le varianti

come creare un link HTML ‘mailto’ e tutte le varianti

Invio di posta elettronica da sito web automatico mediante l’attributo HTML mailto

Il link HTML “mailto” viene utilizzato dagli sviluppatori Html per creare dei link cliccabili sui siti web che permettono agli utenti di inviare direttamente un’e-mail all’ indirizzo specificacto, senza dover effettuare il copia-incolla dell’indirizzo.

Nello specifico il comando “mailto” aprirà in automatico il vostro client di posta elettronica con un messaggio già completo dell’indirizzo del destinatario, in cui dovrete solamente inserire Oggetto (ma anche questo come vederemo piu’ avanti può essere pre-impostato) ed il corpo del Messaggio e quindi Inviarlo.

Questo è il semplice codice da utilizzare

<a href="mailto:TUAMAIL"> Invia una Mail</a>

(sostituisci TUAMAIL con la tua mail naturalmente. Puoi anche cambiare la scritta Invia una Mail a tuo piacimento)




Oltre a questo semplice collegamento ipertestuale di base di seguito sono riportate tutte le varianti al codice per ottenere effetti aggiuntivi.

Scrivere a più mittenti (basta separare gli indirizzi e-mail con virgola o punto e virgola) :

<a href="mailto:Mail-UNO,Mail-DUE">Invia una Mail ai nostri Uffici</a>

Inviare una mail con un oggetto già predefinito (aggiungere ?subject= subito dopo l’indirizzo del mittente seguito dall’oggetto) :

<a href="mailto:TUAMAIL?subject=Oggetto Richiesta Informazioni">Invia una Mail</a>

Inviare una copia per conoscenza (Carbon Copy; utilizza ?cc=) :

<a href="mailto:MAIL-UNO?cc=MAIL-DUE">Email Per Conoscenza</a>

Inviare una copia nascosta (Blind Copy = aggiungere ?bcc= prima del secondo mittente. In Italia è conosciuta come Ccncopia a conoscenza nascosta)

<a href="mailto:TUAMAIL?bcc=MAIL-DUE">Email con Ccn</a>

Inviare una mail con una scritta predefinita nel corpo (body) del messaggio :

<a href="mailto:TUAMAIL?body= Salve, vorrei avere informazioni riguardo al Servizio che offrite sul vostro Sito">Invia una Mail con Messaggio precompilato</a>

 

Inserire varie opzioni nello stesso messaggio:

<a href="mailto:TUAMAIL?cc=MAIL-CC&subject= RICHIESTA INFORMAZIONI SITO WEB&body= Salve, vorrei avere informazioni riguardo al vostro Sito"> INVIA UNA MAIL </a>



Se vuoi utilizzare un’immagine al posto della scritta, dovrai caricare l’immagine sul server che ospita il tuo sito ed aggiungere questo codice :

<a href="mailto:TUAMAIL"><img src="http://INDIRIZZO IMMAGINE (ad esempio :https://www.spiderluca.it/img/1.png)" width=14 height=11 alt="Manda una Mail" border=0 ></a>

 

 

COME INSERIRE IL LINK MAILTO IN WORDPRESS

In WordPress creare un link html mailto è davvero semplice, grazie all’editor di testo integrato.

Puoi semplicemente evidenziare il testo o l’immagine su cui vuoi attivare un link mailto, quindi cliccare sul pulsante “Inserisci/Modifica linknella barra strumenti dell’editor di testo, ed inserire nella barra URL il seguente testo: mailto:tuaemail@indirizzo.com

Per finire occorre cliccare sul pulsante “Aggiungi link” e pubblicare la pagina.

Spiderluca
Classe 1977, studi Giuridici ed Informatici. Appassionato di tecnologia e del web fin dai primi anni 90, ha lavorato con i computer per oltre vent'anni ed ancora oggi non smette mai di voler imparare qualcosa di nuovo. Webmaster, tecnico informatico, un passato in HP e titolare di alcuni siti e-commerce italiani.
Top