Come creare un link a un indirizzo email per contatti e condivisioni dei lettori.

Come creare un link a un indirizzo email o un bottone da usare come Contatto oppure come pulsante di condivisione per i lettori.

Nell'articolo precedente abbiamo visto come rendere Gmail l'applicazione predefinita per apertura dei link a indirizzi web. In questo post vedremo come realizzare dei link o dei bottoni per essere contatti via email o anche dei link per aiutare i lettori a inviare i nostri contenuti a dei loro amici.

Nel primo caso si inserisce nel codice il nostro indirizzo email mentre nel secondo si lascia in bianco l'indirizzo e magari si aggiunge un testo predefinito. Gli utenti di Blogger possono già adesso cliccare sulla icona della busta con la lettera M posizionata nel footer alla fine del post. Si aprirà un modulo con cui inviare un messaggio all'autore del sito.

Molti utenti però preferiscono nascondere i bottoni di condivisioni ufficiali di Blogger perché non sono esteticamente molto validi e perché non troppo amati dai visitatori.

COME CREARE UN LINK A UN INDIRIZZO EMAIL

Per creare un collegamento a un dato indirizzo email si può usare questo codice

<a href="mailto:nomeutente@gmail.com">Contattami</a>

Chi cliccherà sul link visibile Contattami aprirà l'app predefinita per la posta elettronica che come abbiamo visto può essere Gmail ma anche un'altra app presente nel computer come Outlook per il desktop. Come esempio ho usato un indirizzo Gmail ma se ne può usare un altro qualsiasi.

Possiamo anche fare in modo di fare aprire il link in un'altra scheda del browser con questo codice

<a href="mailto:nomeutente@gmail.com" target="_blank" >Contattami</a>

COME AGGIUNGERE AUTOMATICAMENTE UN OGGETTO ALLA EMAIL

Se utilizzate Blogger potete incollare questo codice in Layout -> Aggiungi un gadget -> Base -> HTML/Javascript oppure anche nell'Editor in Modalità HTML. Con questo codice

<a href="mailto:nomeutente@gmail.com?subject=Domanda del lettore del blog IpCeI" target="_blank">Contattami</a>

chi cliccherà sopra al link aprirà una finestra simile a questa

con già impostati indirizzo email a cui inviare il messaggio e Oggetto della email. Il lettore dovrà solo digitare il messaggio di testo con la sua app predefinita di posta elettronica.

COME CREARE UN BOTTONE DI CONTATTO

Invece di creare un link per essere contattati si può anche creare un bottone con questo codice

<a href="mailto:nomeutente@gmail.com?subject=Domanda del lettore del blog IpCeI" target="_blank"><img src="URL_IMMAGINE_BOTTONE" width="48" height="48" /></a>

dove al posto di URL_IMMAGINE_BOTTONE si incolla l'indirizzo diretto della immagine precedentemente caricata su Google Foto. Ovviamente le dimensioni sono modificabili.

 

COME CREARE UN LINK DI CONDIVISIONE VIA EMAIL

Invece di inserire il nostro indirizzo email possiamo lasciarlo in bianco in modo che il lettore possa inviare a un amico un messaggio sulla qualità del nostro sito. Il codice da usare diventa

<a href="mailto:?subject=Dai uno sguardo a questo post&body=Ciao, Ho trovato questo sito http://www.ideepercomputeredinternet.com con molti contenuti interessanti">Dillo a un amico</a>

In questo caso verrà automaticamente compilato anche il campo del messaggio.

Al posto di Dillo a un amico possiamo inserire questo codice

<img src="URL_IMMAGINE_BOTTONE" width="48" height="48" />

per mostrare un bottone invece di un testo. Il lettore dovrà inserire solo l'indirizzo del destinatario. Ricordo che gli utenti di Blogger se inseriscono questi codici in un post è meglio che sostituiscano le doppie virgolette con la virgoletta singola.