WordPress: Come rendere il numero di telefono cliccabile in html5

WordPress: Come rendere il numero di telefono cliccabile in html5

telefonoTra gli elementi sempre presenti in un sito web vi sono sicuramente le informazioni di contatto tra cui i recapiti telefonici.

Per rendere il sito web più accattivante ed incrementare l’usabilità del sito stesso può essere interessante rendere il numero di telefono cliccabile.

Come rendere il numero di telefono cliccabile

Per rendere il numero di telefono cliccabile è sufficiente utilizzare il seguente codice html5:

 

 

<a href=”tel:000000000″>000000000</a>

 

sostituendo a 000000000 l’effettivo numero di telefono. Affinchè il codice abbia effetto è importante che nel numero indicato tra parentesi non siano presenti linee, punti o barre divisorie tra il prefisso e il numero telefonico.

 

Perchè può essere utile rendere il numero di telefono cliccabile?

L’avvento degli smartphones ha fatto si che oggi sempre più persone utilizzino lo smartphone per consultare i siti web. Questo dato è ancora più importante se ci si rivolge ad un pubblico italiano, il popolo con il maggior numero di smartphones posseduti al mondo. Consultando la pagina web tramite lo smartphone sarà sufficiente cliccare sul numero di telefono cliccabile per avviare la telefonata, senza dover copiare il numero di telefono su un foglio per poi digitarlo nuovamente sullo smartphone.

Sebbene si tratta di un piccolo accorgimento, rendere i recapiti di telefono cliccabili incrementa l’usabilità del sito web, caratteristica fondamentale per un sito web di successo e ad alto tasso di conversione.

 

 

E per quanto riguarda Skype?

Anche il nome di contatto di Skype può essere reso cliccabile tramite il seguente codice:

 

 <a href=”callto:nomeSkype”>nomeSkype</a>

 

sostituendo a “nome Skype” il proprio nome di contatto di Skype.

Ovviamente il link di chiamata tramite Skype si attiverà solo per i possessori di un account Skype.

 

Ora non vi resta che iniziare ad implementare il codice!

 

Fonte dell’articolo: Gleenk.com

 

 

 

 

 

 

 

 

Ti é piaciuto questo post? Condividilo!

Commenti (18)

  • Luca Reply

    Ciao Valentina,
    innanzitutto grazie per le dritte che hai dato in questo post. Utili e funzionanti soprattutto.
    Volevo chiederti il codice da dover inserire per rendere cliccabile l’indirizzo email e il numero telefonico con whatsapp sempre se è possibile quest’ultima modalità di contatto!
    Grazie e buona giornata!

    04/05/2015 at 2:30 pm
    • Valentina Azzi Reply

      Ciao Luca,
      non so se con whatsapp il codice sia funzionante in quanto è un’applicazione esterna con proprie logiche,
      saluti,
      Valentina

      02/09/2016 at 9:50 am
  • Stefano Reply

    Buongiorno Valentina,

    mi può dire come si rende cliccabile un numero in una email inviata ad un cliente? Ho provato a fare un collegamento ipertestuale con il codice html5 indicato ma penso di aver fatto un errore perchè l’ho inserito come URL.

    18/04/2016 at 10:51 am
    • Valentina Azzi Reply

      Salve Stefano,
      è possibile che l’errore sia generato dall’editor del suo servizio di autoresponder, in linea generale se seleziona il numero di telefono poi clicca sull’icona del link, scrive callto:numero di telefono dovrebbe funzionare,
      saluti,
      Valentina

      02/09/2016 at 9:31 am
  • Cesare Reply

    Nel mio sito web il n. di telefono su dispositivi ios non compare

    02/12/2016 at 8:43 pm
    • Valentina Azzi Reply

      ciao Cesare,
      prova ad utilizzare il codice numero

      24/03/2017 at 4:03 pm
  • kira Reply

    Ciao Valentina come posso aggiungere il numero di telefono e l’email cliccabili nella parte footer widget del mio sito?

    26/12/2016 at 9:13 pm
    • Valentina Azzi Reply

      ciao Kira,
      la gestione del tema è differente da tema a tema,
      se il tuo tema include una sezione “widget” nel footer puoi inserire il codice tramite questa procedura:
      -vai in Aspetto-Widget
      -Sposta nella sezione Widget del Footer il widget di Testo o Testo HTML
      -Inserisci il codice email per l’email e numero

      24/03/2017 at 4:09 pm
  • Andrea Reply

    Buon pomeriggio,ho provato ad inserire il codice,il numero diventa cliccabile,ma mi manda ad una pagina errore…..che ho sbagliato?
    Grazie mille….

    22/06/2017 at 12:50 pm
    • Valentina Azzi Reply

      ciao Andrea,
      hai inserito il link completo con http? A quale link manda se clicchi sulla pagina?
      Valentina

      05/09/2017 at 9:42 am
  • Gianni Reply

    Ciao Valentina, disturbo? Ho un sito ecommerce con wordpress a dominio .it – Seguendo le tue istruzioni ho inserito il codice per rendere cliccabile il numero di telefono; l’ho fatto sia in un widget che in una pagina. Di fatto sono cliccabili, ma in chiamata da cellulare, mi dice così: SPIACENTE, QUELLA PAGINA NON C’E’. La pagina non è stata trovata.Potrebbe essere stata rimossa… Ho commesso un errore?

    22/10/2017 at 10:36 pm
    • Valentina Azzi Reply

      Ciao Gianni,
      in alternativa puoi usare al posto di tel: il codice callto:

      04/12/2017 at 8:52 am
  • Roberto Paravani Reply

    A me da errore 404, pagina non trovata? 😀

    14/11/2017 at 3:23 am
    • Valentina Azzi Reply

      Ciao Roberto,
      come hai inserito il codice?

      04/12/2017 at 8:51 am
  • Riccardo Reply

    Ciao Valentina. Sto seguendo il tuo procedimento, ma come accaduto ad altri utenti, il numero linka a una pagina inesistente. Inoltre ho notato che quando passo col cursore sul numero in basso a sinistra mi appare questo: “nomedelmiosito.it/numero di telefono”: in teoria si dovrebbe visualizzare solo il numero a cui chiamare, giusto? Grazie

    24/02/2018 at 2:55 pm
    • Valentina Azzi Reply

      Ciao Riccardo,
      come hai inserito il link?
      Valentina

      23/05/2018 at 9:17 am
  • Paolo Reply

    Ciao Valentina, io riscontro lo stesso errore di Riccardo. Se passo il cursore sul numero di telefono appare “nomedelmiosito.it/”tel:numero di telefono”. Il link l’ho inserito su sito wordpress all’interno di un box html.

    21/02/2019 at 2:38 pm
    • Valentina Azzi Reply

      Ciao Paolo,
      prova a inserirlo in questo modo 0000 Sostituisci ovviamente agli zeri il tuo numero.

      21/02/2019 at 5:29 pm

Commenta

La tua email non sarà pubblicata