Condividi l'articolo con i tuoi amici

l’interazione tra utenti e contenuti web è fondamentale. Una delle funzionalità HTML meno sfruttate ma estremamente utili è l’uso del tag <a> per creare link “mailto”, che consentono di avviare direttamente un’applicazione di posta elettronica e iniziare una nuova email con indirizzi predefiniti.

Questo articolo esplora come personalizzare questi link per migliorare l’esperienza utente sulle pagine web, offrendo una guida passo-passo sull’implementazione di link mailto con varie opzioni, come destinatario, oggetto, corpo del messaggio e anche la copia conoscenza (CC) e la copia conoscenza nascosta (BCC).

Attraverso esempi pratici, vedremo come sfruttare al meglio questa funzionalità per facilitare la comunicazione diretta via email attraverso il proprio sito web.

Il tag HTML <a>, noto per creare collegamenti tra pagine web, nasconde funzionalità avanzate tra cui la possibilità di generare link diretti a indirizzi email tramite l’URI “mailto:“. Questa caratteristica consente di integrare nelle pagine web dei link che, una volta selezionati, apriranno automaticamente l’applicazione di posta elettronica predefinita sul dispositivo dell’utente, inserendo in anticipo l’indirizzo email del destinatario.

Per impostare un link diretto a un indirizzo email, si utilizza una sintassi semplice:

<a href="mailto:indirizzo1@dominiodestinatario.it">Invia Email!</a>

Questa formula base può essere estesa per inviare email a più destinatari simultaneamente, semplicemente elencando gli indirizzi email separati da virgole:

<a href="mailto:indirizzo1@dominiodestinatario.it,indirizzo2@dominiodestinatario.it">Invia Email!</a>

Inoltre, è possibile configurare un link mailto per aprire l’applicazione di posta senza specificare un destinatario, semplicemente omettendo l’indirizzo email:

<a href="mailto:">Invia Email!</a>

Per arricchire l’esperienza dell’utente, si possono pre-compilare altri elementi dell’email, come l’oggetto e il corpo del messaggio. Utilizzando il parametro “subject”, è possibile aggiungere un oggetto predefinito all’email:

<a href="mailto:indirizzo1@dominiodestinatario.it?subject=oggetto del messaggio">Invia Email</a>

Per includere anche un messaggio predefinito, si aggiunge il parametro “body”, utilizzando “&” per concatenarlo ai parametri precedenti:

htmlCopy code

<a href="mailto:indirizzo1@dominiodestinatario.it?subject=oggetto del messaggio&body=testo del messaggio">Invia Email</a>

È importante notare che, nonostante la richiesta di alcuni utenti, l’utilizzo di stili di testo come il grassetto non è supportato nei link mailto.

Copia Conoscenza (CC) e Copia Conoscenza Nascosta (BCC)

I link mailto consentono anche di specificare indirizzi email per l’invio in copia conoscenza (CC) o in copia conoscenza nascosta (BCC), arricchendo così le opzioni di invio:

<a href="mailto:indirizzo1@dominiodestinatario.it?subject=oggetto del messaggio&body=testo del messaggio&cc=destinatariocopia@dominiodestinatario.it&bcc=destinatarionascosto@dominiodestinatario.it">Invia Email</a>

Riassunto dei Parametri Mailto

Per una corretta implementazione, i parametri di mailto devono essere inseriti rispettando l’ordine specificato e utilizzando il carattere “&” per separarli, ad eccezione del primo parametro che viene introdotto con “?”. Ecco un riepilogo dei parametri disponibili:

  • mailto:name@email.com: Indirizzo email del destinatario. Per più destinatari, separare gli indirizzi con la virgola.
  • cc=name@email.com: Indirizzo email per la copia conoscenza. Anche qui, è possibile inserirne più di uno.
  • bcc=name@email.com: Indirizzo email per la copia conoscenza nascosta.
  • subject=subject text: Oggetto dell’email.
  • body=body text: Corpo del messaggio.

Queste funzionalità rendono i link mailto uno strumento versatile per migliorare l’interazione utente sulle pagine web, offrendo un modo diretto e personalizzabile per avviare comunicazioni via email.


Condividi l'articolo con i tuoi amici