back to top

Integrare Skype nel sito web: inserire un pulsante o un link HTML

Se abbiamo un sito web per promuovere la nostra attività e siamo in cerca di nuovi contatti commerciali, diventa fondamentale agevolare al massimo le eventuali richieste di contatto dei nostri visitatori. Per questo motivo, pertanto, può essere una buona idea integrare all’interno del nostro sito web uno strumento largamente diffuso come Skype.

Perchè integrare Skype nel sito?

Aggiungere un link o un bottone per avviare una chat o una chiamata su Skype può rivelarsi un’idea vincente: così facendo, infatti, i nostri potenziali clienti potranno mettersi in contatto con noi in modo immediato, con un semplice click, sia se sono davanti al monitor di un tradizionale PC che al display di uno smartphone: Skype, infatti, è una soluzione largamente diffusa sia in ambito mobile che desktop (a differenza di WhatsApp che è una soluzione prettamente mobile) e ciò lo rende uno strumento "universale" oltre che gratuito.

Come aggiungere Skype al sito web?

Abbiamo due modi per aggiungere al nostro sito web la funzionalità di contatto mediante Skype: possiamo optare per il web control ufficiale (che genera un bottone) oppure per un semplice link HTML. Vediamo entrambe le possibilità.

Aggiungiamo il web control di Skype

Per aggiungere il pulsante di Skype attraverso il web control ufficiale, è sufficiente collegarsi a questa pagina e generare il codice HTML sulla base delle proprie preferenze.

Skype Web Control

Attraverso le funzionalità di personalizzazione della piattaforma Skype for Developers possiamo scegliere la forma del pulsante che vogliamo integrare (circolare, rettangolare con angoli arrotondati o squadrato), il testo dell’eventuale label (di default è "Contact us" ma possiamo scrivere ciò che vogliamo), se mostrare o meno l’icona, personalizzare i colori, ecc.

La cosa più importante da fare, ovviamente, è settare correttamente l’account di contatto: selezioniamo l’opzione Skype user ed inseriamo il nostro Skype ID.

Una volta terminata la personalizzazione non ci resterà che copiare il codice HTML ed incollarlo nel punto della nostra pagina web dove desideriamo compaia il pulsante di chiamata.

Aggiungere un link per avviare Skype

Se desideriamo una soluzione più semplice, possiamo optare per un link personalizzato. Come abbiamogià avuto modo di spiegare in altri articoli, HTML5 integra la possibilità di creare protocolli personalizzati per i link e Skype, ovviamente, non poteva mancare di creare il suo. Vediamo, quindi, come avviare il client di Skype con un semplice link:

<a href="skype:TUO_USERNAME?chat">
  Chattiamo su Skype
</a>

Ovviamente dovete sostituire "TUO_USERNAME" con il Vostro Skype ID.

Interessante segnalare che, nel nostro esempio, Skype viene avviato in modalità chat (abbiamo aggiunto il comando sotto forma di querystring)… tuttavia i comandi supportati sono numerosi:

  • chat – avvia una chat
  • call – avvia una video chiamata
  • add – aggiunge ai contatti
  • userinfo – visualizza il profilo utente
  • voicemail – lascia un messaggio vocale
  • sendfile – invia un allegato

Per aggiungere un pulsante di chiamata, ad esempio, useremo questo codice HTML:

<a href="skype:TUO_USERNAME?call">
  Chiamami su Skype
</a>

I vantaggi del semplice link HTML rispetto al web control sono principalmente due:

  • Personalizzabile: il link HTML può essere personalizzato a piacimento ed integrato alla perfezione nel look and feel delle nostre pagine web;
  • Universale: a differenza del codice Javascript, un semplice link HTML può essere inserito in una mail.
Pubblicitร 
Massimiliano Bossi
Massimiliano Bossi
Stregato dalla rete sin dai tempi delle BBS e dei modem a 2.400 baud, ho avuto la fortuna di poter trasformare la mia passione in un lavoro (nonostante una Laurea in Giurisprudenza). Adoro scrivere codice e mi occupo quotidianamente di comunicazione, design e nuovi media digitali. Orgogliosamente "nerd" sono il fondatore di MRW.it (per il quale ho scritto centinaia di articoli) e di una nota Web-Agency (dove seguo in prima persona progetti digitali per numerosi clienti sia in Italia che all'estero).

Leggi anche...

Convertire PSD in HTML/CSS: ecco come fare

Avete deciso di creare un sito web ma non...

Attributo "rel" per i link HTML

In HTML l’attributo rel può essere utilizzato esclusivamente in...

Humans.txt – cos’è, a cosa serve e come funziona

Humans.txt è un formato standard concepito per corredare un...

Un form di ricerca in HTML

Un modulo di ricerca è una delle funzionalità più...

Differenza tra sito statico e sito dinamico, vantaggi e svantaggi

Un sito statico è una collezione di pagine web...

Elementi a comparsa in puro HTML (no Javascript)

In molti siti web sono implementate tecniche di web-design...
Pubblicitร