{"id":51919,"date":"2023-12-07T09:00:00","date_gmt":"2023-12-07T08:00:00","guid":{"rendered":"https:\/\/supporthost.com\/it\/?p=51919"},"modified":"2024-06-27T09:15:27","modified_gmt":"2024-06-27T09:15:27","slug":"mailto","status":"publish","type":"post","link":"https:\/\/supporthost.com\/it\/mailto\/","title":{"rendered":"Mailto: come creare un link per inviare email"},"content":{"rendered":"\n<p>Con il <strong>link mailto<\/strong> possiamo creare dei <strong>link <\/strong>che rimandano a un indirizzo email e permettono di aprire il client di posta con un click per inviare un&#8217;email a un destinatario predefinito. <\/p>\n\n\n\n<p>In questa guida vedremo come funziona esattamente il link mailto, qual \u00e8 la sintassi da usare e come fare a creare e inserire questi link sia all&#8217;interno dei messaggi di posta che nel sito. <\/p>\n\n\n\n<p>Per finire vedremo quali sono vantaggi e svantaggi di questa funzione e quali alternative si possono usare.<\/p>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>Indice<\/h2><nav><ul><li><a href=\"#cose-un-link-mailto-e-come-funziona\">Cos&#8217;\u00e8 un link mailto e come funziona?<\/a><ul><li><a href=\"#cambiare-client-predefinito\">Cambiare client predefinito<\/a><\/li><\/ul><\/li><li><a href=\"#come-inserire-un-link-mailto\">Come inserire un link mailto<\/a><ul><li><a href=\"#inserire-un-link-mailto-con-gmail\">Inserire un link mailto con Gmail<\/a><\/li><li><a href=\"#inserire-un-link-mailto-su-word-press\">Inserire un link mailto su WordPress<\/a><\/li><\/ul><\/li><li><a href=\"#sintassi-e-parametri-dei-link-mailto\">Sintassi e parametri dei link mailto<\/a><ul><li><a href=\"#esempio-di-link-mailto-semplice\">Esempio di link mailto semplice<\/a><\/li><li><a href=\"#mailto-con-destinatari-multipli\">Mailto con destinatari multipli<\/a><\/li><li><a href=\"#aggiungere-cc-e-bcc-nel-mailto\">Aggiungere cc e bcc nel mailto<\/a><\/li><li><a href=\"#aggiungere-loggetto-allemail\">Aggiungere l&#8217;oggetto all&#8217;email<\/a><\/li><li><a href=\"#includere-il-corpo-del-messaggio\">Includere il corpo del messaggio<\/a><\/li><li><a href=\"#generatori-di-link-mailto\">Generatori di link mailto<\/a><\/li><\/ul><\/li><li><a href=\"#vantaggi-e-svantaggi-del-link-mailto\">Vantaggi e svantaggi del link mailto<\/a><\/li><li><a href=\"#conclusioni\">Conclusioni<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/mailto-come-creare-link-email-1024x538.png\" alt=\"Mailto Come Creare Link Email\" class=\"wp-image-52533\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/mailto-come-creare-link-email-1024x538.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/mailto-come-creare-link-email-300x158.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/mailto-come-creare-link-email-768x403.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/mailto-come-creare-link-email-120x63.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/mailto-come-creare-link-email.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"cose-un-link-mailto-e-come-funziona\">Cos&#8217;\u00e8 un link mailto e come funziona?<\/h2>\n\n\n\n<p>I link mailto sono <strong>collegamenti <\/strong>che quando vengono cliccati permettono di aprire in automatico il <strong>client di posta<\/strong> e inviare un messaggio a un indirizzo email predefinito. In questo modo l&#8217;utente viene reindirizzato in automatico al client di posta e non deve copiare e incollare l&#8217;indirizzo email del destinatario.<\/p>\n\n\n\n<p>Con questo sistema puoi creare dei link di contatto per permettere a chi visita il tuo sito di contattarti via email rapidamente.<\/p>\n\n\n\n<p>Il funzionamento di questi link nella pratica \u00e8 molto semplice: cliccando sul link si aprir\u00e0 il <strong>client di posta predefinito<\/strong> con parte delle informazioni del messaggio gi\u00e0 precompilate.<\/p>\n\n\n\n<p>Come vedremo in questa guida, infatti, oltre al destinatario del messaggio di posta \u00e8 possibile inserire anche altri parametri nel link mailto per aggiungere ad esempio l&#8217;<strong>oggetto<\/strong> o il <strong>corpo dell&#8217;email<\/strong>.<\/p>\n\n\n\n<p>Cosa succede, se, invece, clicco su un link mailto inserito in un&#8217;email? In questo caso non si aprir\u00e0 il client predefinito, ma verr\u00e0 usato direttamente il client che stiamo utilizzando in quel momento.<\/p>\n\n\n\n<p class=\"note\">Invii e ricevi molte email e sei sempre a corto di spazio? Dai un&#8217;occhiata al nostro servizio di <a href=\"https:\/\/supporthost.com\/it\/email-hosting\/\">email hosting<\/a> con cui puoi creare email professionali associate al tuo dominio (es. info@tuodominio.com).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"cambiare-client-predefinito\">Cambiare client predefinito<\/h3>\n\n\n\n<p>Ad ogni modo per cambiare il <strong>client di posta predefinito <\/strong>su Windows 10 andiamo su <em>Impostazioni &gt; App &gt; App predefinite<\/em> e clicchiamo su &#8220;Scegli app predefinite per protocollo&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"918\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/scegli-app-predefinite-per-protocollo-windows.png\" alt=\"Scegli App Predefinite Per Protocollo Windows\" class=\"wp-image-51920\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/scegli-app-predefinite-per-protocollo-windows.png 990w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/scegli-app-predefinite-per-protocollo-windows-300x278.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/scegli-app-predefinite-per-protocollo-windows-768x712.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/scegli-app-predefinite-per-protocollo-windows-68x63.png 68w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/><\/figure>\n\n\n\n<p>A questo punto clicchiamo su &#8220;Mailto&#8221; e scegliamo quale client utilizzare.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"647\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cambiare-app-predefinita-mailto-1024x647.png\" alt=\"Cambiare App Predefinita Mailto\" class=\"wp-image-51931\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cambiare-app-predefinita-mailto-1024x647.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cambiare-app-predefinita-mailto-300x190.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cambiare-app-predefinita-mailto-768x485.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cambiare-app-predefinita-mailto-100x63.png 100w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/cambiare-app-predefinita-mailto.png 1192w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Per impostare <strong>Gmail <\/strong>come applicazione predefinita per aprire i link mailto da <strong>Chrome<\/strong>, dobbiamo verificare che siano attive le impostazioni dei gestori di protocolli. <\/p>\n\n\n\n<p>Nella barra degli indirizzi di Chrome digitiamo &#8220;<em>chrome:\/\/settings\/handlers<\/em>&#8221; e poi attiviamo l&#8217;opzione &#8220;I siti possono chiedere di gestire protocolli&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"352\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/attivare-gestione-protocolli-chrome-1024x352.png\" alt=\"Attivare Gestione Protocolli Chrome\" class=\"wp-image-51921\" style=\"width:991px;height:auto\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/attivare-gestione-protocolli-chrome-1024x352.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/attivare-gestione-protocolli-chrome-300x103.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/attivare-gestione-protocolli-chrome-768x264.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/attivare-gestione-protocolli-chrome-120x41.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/attivare-gestione-protocolli-chrome.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Dopodich\u00e9 apriamo Gmail e nella barra degli indirizzi vedremo l&#8217;icona evidenziata in questa schermata, cliccandoci sopra potremo attivare l&#8217;opzione consenti.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"395\" height=\"312\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/aprire-link-mailto-con-gmail.png\" alt=\"Aprire Link Mailto Con Gmail\" class=\"wp-image-51922\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/aprire-link-mailto-con-gmail.png 395w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/aprire-link-mailto-con-gmail-300x237.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/aprire-link-mailto-con-gmail-80x63.png 80w\" sizes=\"auto, (max-width: 395px) 100vw, 395px\" \/><\/figure>\n\n\n\n<p>In questo modo tutti i link mailto su cui faremo click da Chrome verranno aperti con Gmail.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"come-inserire-un-link-mailto\">Come inserire un link mailto<\/h2>\n\n\n\n<p>Adesso vediamo come si fa a creare un link mailto.<\/p>\n\n\n\n<p>Possiamo creare il link mailto in <a href=\"https:\/\/supporthost.com\/it\/imparare-html\/\" data-type=\"post\" data-id=\"45669\">HTML<\/a> per inserirlo all&#8217;interno di pagine web o delle email.<\/p>\n\n\n\n<p>Per farlo ci basta inserire il parametro mailto all&#8217;interno dell&#8217;attributo href del tag &lt;a&gt;. Con gli esempi che vedremo sar\u00e0 pi\u00f9 chiaro come fare.<\/p>\n\n\n\n<p>Con <strong>WordPress<\/strong>, inoltre, possiamo inserirlo come un normale link, come vedremo nel dettaglio dopo.<\/p>\n\n\n\n<p>Partiamo dall&#8217;esempio pi\u00f9 semplice per poi vedere come utilizzare i vari parametri.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-un-link-mailto-con-gmail\">Inserire un link mailto con Gmail<\/h3>\n\n\n\n<p>Inserire un link mailto all&#8217;interno di un&#8217;email \u00e8 molto semplice. Facciamo un esempio pratico con Gmail.<\/p>\n\n\n\n<p>Gmail ha una <strong>funzione integrata<\/strong> che inserisce in automatico &#8220;mailto&#8221; prima degli indirizzi, in questo modo possiamo creare link mailto ancora pi\u00f9 velocemente.<\/p>\n\n\n\n<p>Ci basta seguire questi passi:<\/p>\n\n\n\n<ol>\n<li>Evidenziamo il testo su cui vogliamo inserire il link.<\/li>\n\n\n\n<li>Clicchiamo sull&#8217;icona <em>Inserisci link<\/em> o usiamo la scorciatoia da tastiera CTRL+K.<\/li>\n\n\n\n<li>Clicchiamo sull&#8217;opzione <em>Indirizzo email<\/em> e inseriamo l&#8217;indirizzo email di destinazione.<\/li>\n\n\n\n<li>Confermiamo cliccando sul pulsante &#8220;Ok&#8221;.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-con-gmail-1024x552.png\" alt=\"Inserire Link Mailto Con Gmail\" class=\"wp-image-51923\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-con-gmail-1024x552.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-con-gmail-300x162.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-con-gmail-768x414.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-con-gmail-117x63.png 117w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-con-gmail.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Cos\u00ec facendo, il link inserito verr\u00e0 trasformato in automatico nel link mailto. Nel nostro esempio il link diventer\u00e0: <\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>mailto:supporthost@email.com<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"inserire-un-link-mailto-su-word-press\">Inserire un link mailto su WordPress<\/h3>\n\n\n\n<p>Possiamo aggiungere link mailto al nostro sito WordPress direttamente inserendo un semplice link.<\/p>\n\n\n\n<p>Da <a href=\"https:\/\/supporthost.com\/it\/gutenberg\/\" data-type=\"post\" data-id=\"22269\">Gutenberg<\/a> selezioniamo il testo su cui vogliamo inserire il link e clicchiamo sull&#8217;icona &#8220;Link&#8221;, dopodich\u00e9 inseriamo l&#8217;indirizzo email preceduto da &#8220;mailto:&#8221; per esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>mailto:supporthost@email.com<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"716\" height=\"291\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-wordpress.png\" alt=\"Inserire Link Mailto Su WordPress\" class=\"wp-image-51924\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-wordpress.png 716w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-wordpress-300x122.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-wordpress-120x49.png 120w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/figure>\n\n\n\n<p>Allo stesso modo possiamo anche creare un <strong>pulsante con link<\/strong>:<\/p>\n\n\n\n<ul>\n<li>inseriamo il blocco &#8220;pulsanti&#8221;;<\/li>\n\n\n\n<li>clicchiamo su &#8220;Link&#8221;;<\/li>\n\n\n\n<li>inseriamo il link mailto;<\/li>\n\n\n\n<li>premiamo Invio.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"876\" height=\"346\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-pulsante-wordpress.png\" alt=\"Inserire Link Mailto Su Pulsante WordPress\" class=\"wp-image-51928\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-pulsante-wordpress.png 876w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-pulsante-wordpress-300x118.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-pulsante-wordpress-768x303.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/inserire-link-mailto-su-pulsante-wordpress-120x47.png 120w\" sizes=\"auto, (max-width: 876px) 100vw, 876px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"sintassi-e-parametri-dei-link-mailto\">Sintassi e parametri dei link mailto<\/h2>\n\n\n\n<p>Partiamo dall&#8217;esempio pi\u00f9 semplice di link mailto, per poi vedere come utilizzare i vari parametri.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"esempio-di-link-mailto-semplice\">Esempio di link mailto semplice<\/h3>\n\n\n\n<p>Per creare un link mailto in cui specifichiamo solo l&#8217;indirizzo email del destinatario ci basta usare questo codice:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:info@email.com\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Esaminiamo questo codice per capire esattamente come funziona.<\/p>\n\n\n\n<ul>\n<li><code>&lt;a&gt;<\/code> \u00e8 il tag HTML che viene usato per i link.<\/li>\n\n\n\n<li><strong>Href<\/strong> \u00e8 l&#8217;attributo del tag a e viene utilizzato per specificare il link di destinazione. Nel link di destinazione in questo caso usiamo proprio il link mailto seguito dall&#8217;indirizzo email.<\/li>\n\n\n\n<li>Il <strong>testo<\/strong> che in questo esempio vedi scritto come &#8220;Contattaci&#8221; \u00e8 il testo cliccabile che le persone vedranno nella pagina.<\/li>\n<\/ul>\n\n\n\n<p>Possiamo anche usare il tag a con il link mailto all&#8217;interno di un pulsante da mostrare nelle nostre pagine. Qui sotto vedi l&#8217;esempio in HTML, mentre nei paragrafi precedenti abbiamo visto come creare un pulsante e un link di questo tipo direttamente dall&#8217;editor di WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"474\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-di-link-e-pulsante-mailto-1024x474.png\" alt=\"Esempio Di Link E Pulsante Mailto\" class=\"wp-image-51925\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-di-link-e-pulsante-mailto-1024x474.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-di-link-e-pulsante-mailto-300x139.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-di-link-e-pulsante-mailto-768x356.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-di-link-e-pulsante-mailto-120x56.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-di-link-e-pulsante-mailto.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"mailto-con-destinatari-multipli\">Mailto con destinatari multipli<\/h3>\n\n\n\n<p>Possiamo specificare destinatari multipli separandoli con una virgola come in questo esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:supporto@tutorial-supporthost.com,contatti@tutorial-supporthost.com\"&gt;Invia un email&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Ricordati di separarli con una virgola e di <strong>non inserire spazi <\/strong>tra un indirizzo e l&#8217;altro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-cc-e-bcc-nel-mailto\">Aggiungere cc e bcc nel mailto<\/h3>\n\n\n\n<p>Possiamo partire dall&#8217;esempio di un semplice link mailto e aggiungere questi due parametri:<\/p>\n\n\n\n<ul>\n<li><strong>bcc<\/strong>, questa funzione in italiano \u00e8 meglio nota come CCN (copia conoscenza nascosta) e ci permette di inserire degli indirizzi email come destinatari. In questo modo i destinatari riceveranno una copia ma gli altri destinatari non vedranno il loro indirizzo email.<\/li>\n\n\n\n<li><strong>cc<\/strong>, ci permette di inviare una copia di conoscenza a un altro indirizzo email.<\/li>\n<\/ul>\n\n\n\n<p>Per esempio<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:info@email.com?bcc=supporto@email.com&amp;cc=contatti@email.com\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>In questo caso il primo indirizzo (info@email.com) \u00e8 quello che viene usato come destinatario. Il secondo indirizzo (supporto@email.com) \u00e8 <em>bcc<\/em> (con copia conoscenza nascosta) e l&#8217;ultimo (contatti@email.com) \u00e8 <em>cc<\/em>, con copia di conoscenza.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"552\" height=\"207\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-email-mailto-con-cc-e-ccn.png\" alt=\"Esempio Email Mailto Con Cc E Ccn\" class=\"wp-image-51926\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-email-mailto-con-cc-e-ccn.png 552w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-email-mailto-con-cc-e-ccn-300x113.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/esempio-email-mailto-con-cc-e-ccn-120x45.png 120w\" sizes=\"auto, (max-width: 552px) 100vw, 552px\" \/><\/figure>\n\n\n\n<p>Per quanto riguarda la <strong>sintassi <\/strong>bisogna fare attenzione al fatto che il primo parametro dopo mailto \u00e8 preceduto da un &#8220;?&#8221; mentre i successivi devono essere separati tramite il simbolo &#8220;&amp;&#8221;.<\/p>\n\n\n\n<p>Per maggiore chiarezza riporto anche degli esempi con uno solo dei due parametri.<\/p>\n\n\n\n<p>Inviamo un&#8217;email a info@email.com con copia di conoscenza nascosta a supporto@email.com:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:info@email.com?bcc=supporto@email.com\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Inviamo un&#8217;email a info@email.com con copia di conoscenza a contatti@email.com:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:info@email.com?cc=contatti@email.com\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Come vedremo pi\u00f9 avanti, per semplificare la creazione del link mailto puoi usare un <strong>generatore<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aggiungere-loggetto-allemail\">Aggiungere l&#8217;oggetto all&#8217;email<\/h3>\n\n\n\n<p>Tra i parametri che possiamo aggiungere c&#8217;\u00e8 anche l&#8217;oggetto (subject). Questa funzione pu\u00f2 essere utile quando vogliamo filtrare le email che riceviamo in base all&#8217;oggetto.<\/p>\n\n\n\n<p>Per esempio potremmo creare un link mailto con oggetto <em>Preventivo<\/em> da inserire in una pagina del nostro sito e un altro link con oggetto <em>Richiesta supporto<\/em> da inserire in un&#8217;altra pagina.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:supporthost@email.com?subject=Preventivo\"&gt;Richiedi un preventivo&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:supporthost@email.com?subject=Richiesta%20Supporto\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Come vedi in quest&#8217;ultimo esempio, per inserire uno spazio all&#8217;interno dell&#8217;oggetto bisogna usare la <em>codifica URL<\/em> chiamata anche <em>codifica<\/em> <em>percentuale<\/em> e rappresentare ogni spazio in questo modo: &#8220;%20&#8221;.<\/p>\n\n\n\n<p>Lo stesso vale per gli altri caratteri speciali che riportiamo qui in questa tabella.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table data-mtr-unique-id=\"f53e59e0fa5d23dbf2d0f6d2d60456e1-1\" class=\"mtr-table mtr-thead-th\"><thead><tr><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">Carattere speciale<\/div><\/th><th class=\"has-text-align-center mtr-th-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">Codifica percentuale<\/div><\/th><\/tr><\/thead><tbody><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">%<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%25<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">!<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%21<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">?<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%3F<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">\u201c<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%22<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">\u2018<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%27<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">#<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%23<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">*<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%2A<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">(<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%28<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">)<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%29<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">[<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%5B<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">]<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%5D<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">,<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%2C<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">;<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%3B<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">:<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%3A<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">=<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%3D<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">@<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%40<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">&amp;<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%26<\/div><\/td><\/tr><tr><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Carattere speciale\"><div class=\"mtr-cell-content\">+<\/div><\/td><td class=\"has-text-align-center mtr-td-tag\" data-align=\"center\" data-mtr-content=\"Codifica percentuale\"><div class=\"mtr-cell-content\">%2B<\/div><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"includere-il-corpo-del-messaggio\">Includere il corpo del messaggio<\/h3>\n\n\n\n<p>Possiamo anche aggiungere del testo che verr\u00e0 inserito nel <strong>corpo del messaggio<\/strong>. Per farlo ci basta specificarlo dopo &#8220;body&#8221;. Vediamo con un esempio come aggiungere oggetto e corpo del messaggio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:supporthost@email.com?subject=Preventivo&amp;body=Vorrei%20un%20preventivo%20per%20questi%20prodotti%0Aprodotto1%0Aprodotto2\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>In questo esempio per inserire dei ritorni a capo abbiamo usato &#8220;%0A&#8221;.<\/p>\n\n\n\n<p>Tieni presente che non \u00e8 possibile inserire un link html nel corpo del messaggio, quello che puoi fare \u00e8 inserire l&#8217;url per esteso, come in questo esempio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;a href=\"mailto:info@email.com?subject=Informazioni&amp;body=https:\/\/www.esempio.com\/\"&gt;Contattaci&lt;\/a&gt;<\/code><\/pre>\n\n\n\n<p>Nella maggior parte dei casi, i client email trasformeranno l&#8217;indirizzo inserito in questo modo in un link cliccabile.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"generatori-di-link-mailto\">Generatori di link mailto<\/h3>\n\n\n\n<p>Se non vogliamo creare i link mailto manualmente, pu\u00f2 essere utile usare uno strumento che velocizza questa operazione. Soprattutto per quanto riguarda l&#8217;inserimento dei tag per gli spazi e gli invii pu\u00f2 essere davvero tedioso scrivere a mano il testo e possiamo risparmiare tempo usando un <strong>generatore<\/strong> di link mailto.<\/p>\n\n\n\n<p>Un esempio \u00e8 questo strumento su <a href=\"https:\/\/toolset.mrw.it\/html\/mailto-generator.html\" data-type=\"link\" data-id=\"https:\/\/toolset.mrw.it\/html\/mailto-generator.html\" rel=\"noopener\">toolset.mrw<\/a> che ci permette di inserire anchor text, email, oggetto, cc e corpo dell&#8217;email.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"888\" height=\"521\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-di-mailto-toolset.png\" alt=\"Generatore Di Mailto Toolset\" class=\"wp-image-51929\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-di-mailto-toolset.png 888w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-di-mailto-toolset-300x176.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-di-mailto-toolset-768x451.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-di-mailto-toolset-107x63.png 107w\" sizes=\"auto, (max-width: 888px) 100vw, 888px\" \/><\/figure>\n\n\n\n<p>Un altro strumento gratuito si pu\u00f2 trovare su mailtolink.me. In questo caso il generatore ci permette anche di inserire un destinatario ccn (bcc), inoltre \u00e8 possibile formattare il corpo del testo dell&#8217;email con degli invii, funzione che non \u00e8 disponibile con l&#8217;altro strumento che ho menzionato.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-mailtolink-1024x503.png\" alt=\"Generatore Mailtolink\" class=\"wp-image-51930\" srcset=\"https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-mailtolink-1024x503.png 1024w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-mailtolink-300x147.png 300w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-mailtolink-768x377.png 768w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-mailtolink-120x59.png 120w, https:\/\/supporthost.com\/it\/wp-content\/uploads\/sites\/2\/2023\/11\/generatore-mailtolink.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"vantaggi-e-svantaggi-del-link-mailto\">Vantaggi e svantaggi del link mailto<\/h2>\n\n\n\n<p>Creare dei link mailto ci permette di indirizzare le richieste a indirizzi email specifici ed eventualmente filtrare meglio le email utilizzando degli oggetti predefiniti.<\/p>\n\n\n\n<p>Allo stesso tempo, per\u00f2, questo metodo non sempre \u00e8 il migliore, anzi sono da segnalare diversi svantaggi. Ad esempio gli utenti potrebbero non aver impostato un client come predefinito e potrebbero quindi trovare questo sistema scomodo.<\/p>\n\n\n\n<p>Lo svantaggio principale, per\u00f2, \u00e8 legato allo <a href=\"https:\/\/supporthost.com\/it\/spam\/\" data-type=\"post\" data-id=\"65998\">spam<\/a>. Creando dei link mailto stai scrivendo in chiaro l&#8217;indirizzo email e questo potrebbe renderti il bersaglio per i bot degli spammer che scansionano i siti proprio alla ricerca di indirizzi email.<\/p>\n\n\n\n<p>Come abbiamo detto anche parlando del <a href=\"https:\/\/supporthost.com\/it\/security-txt\/\" data-type=\"post\" data-id=\"55177\">file security.txt<\/a>, spesso quindi l&#8217;alternativa migliore \u00e8 utilizzare un <strong>form di contatto<\/strong>. In questo modo non dovrai avere un indirizzo email pubblico.<\/p>\n\n\n\n<p>Se hai un sito WordPress, puoi creare un pratico modulo di contatto con un plugin come <a href=\"https:\/\/supporthost.com\/it\/contact-form-7\/\" data-type=\"post\" data-id=\"15888\">Contact Form 7<\/a> o <a href=\"https:\/\/supporthost.com\/it\/wpforms\/\" data-type=\"post\" data-id=\"50239\">WPForms<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusioni\">Conclusioni<\/h2>\n\n\n\n<p>Il <strong>link mailto<\/strong> ci permette di creare dei collegamenti diretti per permettere ai visitatori del sito di contattarci. <\/p>\n\n\n\n<p>Come abbiamo visto nei vari esempi questa funzione permette di creare una vera e propria <strong>email preimpostata <\/strong>con destinatari multipli (anche cc e ccn), oggetto e corpo dell&#8217;email. Tuttavia ci sono anche degli svantaggi legati soprattutto al rischio di ricevere spam.<\/p>\n\n\n\n<p>Sei riuscito a creare link mailto funzionanti? Facci sapere con un commento. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con il link mailto possiamo creare dei link che rimandano a un indirizzo email e permettono di aprire il client di posta con un click per inviare un&#8217;email a un destinatario predefinito. In questa guida vedremo come funziona esattamente il link mailto, qual \u00e8 la sintassi da usare e come fare a creare e inserire [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":63518,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[27],"tags":[],"class_list":["post-51919","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generale"],"acf":[],"_links":{"self":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/51919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/comments?post=51919"}],"version-history":[{"count":5,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/51919\/revisions"}],"predecessor-version":[{"id":66363,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/posts\/51919\/revisions\/66363"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media\/63518"}],"wp:attachment":[{"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/media?parent=51919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/categories?post=51919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/supporthost.com\/it\/wp-json\/wp\/v2\/tags?post=51919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}