Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Come aggiungere un pulsante per chiamare in WordPress (passo dopo passo)

Facilitare i visitatori a contattarvi può aumentare i tassi di engagement e di conversione.

L’aggiunta di un pulsante “click-to-call” sul vostro sito snellisce la comunicazione e permette agli utenti di mettersi in contatto con voi direttamente dai loro smartphone.

Nel corso degli anni abbiamo gestito diversi negozi online e aziende che comunicano quotidianamente con i clienti. Questo ci ha insegnato i modi migliori per aiutare le aziende a connettersi con i loro utenti via telefono, email e online.

In effetti, abbiamo sviluppato il primo plugin caratterizzato da questa esercitazione perché abbiamo riscontrato la crescente necessità di una soluzione semplice ed efficace per i cliccati.

In questo articolo vi mostreremo come aggiungere facilmente un pulsante “click-to-call” sul vostro sito web WordPress.

Adding a click to call button in WordPress

Perché aggiungere un pulsante per chiamare in WordPress?

Molti siti web di piccole imprese si affidano ai clienti per essere contattati per preventivi, informazioni pre-vendita o assistenza.

Ecco perché consigliamo a tutti i proprietari di siti web di aggiungere un modulo di contatto.

Tuttavia, a seconda del settore, alcuni utenti potrebbero voler parlare subito con una persona.

Con l’aumento del traffico web mobile in tutto il mondo, gli utenti spesso trovano più comodo toccare per chiamare e ottenere le informazioni di cui hanno bisogno.

Inoltre, l’aggiunta di un pulsante per il clic può anche migliorare la SEO rendendo il vostro sito WordPress più adatto ai dispositivi mobili.

Se avete appena avviato un’attività, vi consigliamo di prendere in considerazione un servizio di telefonia aziendale professionale, in modo da poter inoltrare le chiamate, condividere i numeri con i dipendenti e rispondere alle chiamate utilizzando il vostro cellulare da qualsiasi luogo (invece di una linea fissa).

Detto questo, vediamo come aggiungere facilmente un pulsante “click-to-call” in WordPress:

Video tutorial

Subscribe to WPBeginner

Se il video non vi piace o avete bisogno di ulteriori istruzioni, continuate a leggere.

Metodo 1: Aggiungere un pulsante “Chiama ora” in WordPress utilizzando un plugin

Questo metodo è più semplice e consigliato a tutti gli utenti. Permette di creare facilmente un pulsante “click-to-call” in Gutenberg, nell’editor classico, nel widget della barra laterale di WordPress e persino in un pulsante di chiamata fluttuante e appiccicoso.

Innanzitutto, è necessario installare e attivare il plugin WP Call Button sul proprio sito. Per maggiori dettagli, consultate la nostra guida passo passo su come installare un plugin di WordPress.

Dopo l’attivazione, visitate la pagina Impostazioni ” WP Call Button dalla barra laterale dell’amministrazione di WordPress per configurare le impostazioni del plugin.

Create Click to Call button

La prima pagina di impostazioni riguarda la funzione più comunemente richiesta, il pulsante di chiamata appiccicoso, che scorre con l’utente durante la navigazione del sito web.

Questa funzione, altamente ottimizzata per la conversione, vi aiuta a ricevere più chiamate e a chiudere più rapidamente le trattative.

È necessario iniziare inserendo il numero di telefono dell’azienda che si desidera chiamare.

Il plugin WP Call Button utilizza il campo smartphone, il che significa che è sufficiente selezionare il paese e il plugin aggiungerà automaticamente il codice del paese nel formato corretto.

Nota: se non si dispone di un numero di telefono aziendale, è possibile ottenerne uno da Nextiva. È la società che utilizziamo per le nostre esigenze di telefonia VoIP aziendale.

Successivamente, è possibile aggiungere il testo del pulsante di chiamata, selezionare il posizionamento e scegliere il colore del pulsante.

Per impostazione predefinita, il plugin aggiunge un pulsante cliccato su tutte le pagine e i dispositivi. Tuttavia, è possibile scegliere di mostrarlo solo su alcune pagine o solo sui dispositivi mobili.

Configure button settings

Una volta terminato, basta fare clic sulla levetta di attivazione in alto e poi sul pulsante “Salva modifiche” per memorizzare le impostazioni.

Successivamente, è possibile visitare il sito web per vedere il pulsante di chiamata in azione.

WordPress click to call button

Se volete aggiungere un pulsante di chiamata statico alla pagina dei contatti, alla pagina informativa o a qualsiasi altro post/pagina di WordPress, avete due possibilità.

Se si utilizza l’editor a blocchi di WordPress, è sufficiente creare o modificare una pagina esistente.

Quindi, fare clic sul pulsante “Aggiungi blocco” nell’angolo superiore sinistro dello schermo per aprire il menu dei blocchi. Da qui, aggiungere il blocco WP Call Button alla pagina.

Add WP call button block in the Gutenberg editor

Il blocco Pulsante di chiamata di WordPress è dotato di molte opzioni di personalizzazione, come la possibilità di personalizzare il colore del pulsante, il testo del pulsante, la dimensione del carattere e la possibilità di mostrare o nascondere l’icona del telefono.

Una volta aggiunto il pulsante, questo permetterà agli utenti di fare clic e chiamare il numero di telefono specificato nella pagina delle impostazioni del pulsante di chiamata WP.

Dopo la personalizzazione del pulsante, è sufficiente fare clic sul pulsante “Pubblica” o “Aggiorna” per memorizzare le impostazioni.

Customize the call button

Se si utilizza l’editor classico di WordPress, è necessario utilizzare il generatore di pulsanti di chiamata statici per ottenere uno shortcode.

Basta andare su Impostazioni ” Pulsante di chiamata WP e fare clic sul menu “Pulsante di chiamata statico” in alto.

Add static call button

È poi possibile personalizzare il testo e il colore del pulsante di chiamata e scegliere se mostrare o nascondere l’icona del telefono.

Successivamente, scorrere verso il basso e copiare lo shortcode per aggiungere il pulsante di chiamata a una pagina o a un post.

Copy the shortcode

Quindi, aprire la pagina o il post in cui si desidera aggiungere il pulsante e incollare lo shortcode al suo interno.

Il pulsante di chiamata è stato aggiunto con successo nell’editor classico.

Add call button shortcode in the classic editor

Il plugin WP Call Button consente anche di aggiungere il pulsante di chiamata nella barra laterale del sito web utilizzando il blocco widget della barra laterale.

Per farlo, è necessario visitare la pagina Aspetto ” Widget dall’area di amministrazione di WordPress e fare clic sul pulsante ‘+’ per aprire il menu a blocchi.

Da qui, aggiungete il blocco WP Call Button alla vostra area pronta per i widget.

Add a WP call button widgets block

Successivamente, è possibile personalizzare ulteriormente l’aspetto del pulsante di chiamata dal pannello di blocco sulla destra.

Ad esempio, esistono opzioni per modificare le dimensioni del pulsante, nascondere l’icona del telefono, allineare il centro del pulsante e modificare i colori di sfondo e di testo.

Una volta apportate le modifiche, non dimenticate di fare clic sul pulsante “Aggiorna”.

Edit your WP call button widget settings

Dopo aver letto questo articolo, probabilmente capirete perché il pulsante WP Call è di gran lunga il plugin per pulsanti click-to-call di WordPress più semplice e completo sul mercato.

La cosa migliore è che è gratuito al 100% e si integra perfettamente con Google Analytics.

Tutto ciò che dovete fare è utilizzare il plugin MonsterInsights, che terrà automaticamente traccia di quante persone cliccano sul vostro pulsante di chiamata e di quali pagine vi portano il maggior numero di contatti, in modo che possiate ricevere il focus su ciò che sta funzionando per far crescere la vostra attività più velocemente!

Metodo 2: Aggiungere manualmente il pulsante “Fai clic per chiamare” in WordPress

Questo metodo consente di aggiungere manualmente pulsanti e link cliccati in qualsiasi punto del blog WordPress.

Il modo più semplice per aggiungere un numero di telefono cliccabile al vostro sito web è quello di aggiungerlo in questo modo:

<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->

<a href="tel:+15555551212">+1 (555) 555-1212</a> 

<a href="tel:15555551212">Call Me</a>

Questi collegamenti apriranno l’applicazione del telefono sui dispositivi mobili. Sui computer desktop, gli utenti Mac vedranno un’opzione per aprire il link in Facetime, mentre gli utenti Windows 10/11 vedranno l’opzione per aprirlo in Skype.

È anche possibile utilizzare l’HTML per aggiungere un’immagine o un’icona accanto al link di testo “click-to-call”.

Vediamo come fare.

Per prima cosa, è necessario visitare la pagina Media ” Aggiungi nuovo e caricare l’immagine che si desidera utilizzare. Dopo aver caricato l’immagine, è necessario fare clic sul link “Modifica” per procedere.

Upload phone icon

In questo modo si accede alla schermata di modifica dei media, dove è necessario copiare l’URL del file. Ne avrete bisogno nella fase successiva.

È ora possibile modificare il post, la pagina o il widget HTML personalizzato in cui si desidera visualizzare l’icona del telefono con clic per chiamare. Nell’area di modifica, è ora possibile aggiungere l’immagine dell’icona del telefono all’interno del link tel:.

<a href="tel:+15555551212"><img src="https://example.com/wp-content/uploads/2018/10/phoneicon2.png" alt="Call us" /></a> 

Una volta fatto, è possibile visitare il proprio sito web per vedere il link “click-to-call” con l’immagine caricata.

Click-to-call button with image icon

È possibile personalizzarlo ulteriormente aggiungendo altro testo prima o dopo il link e utilizzando CSS personalizzati per lo stile.

Ecco come si presenta il nostro sito web dimostrativo.

Click to call button with more text and CSS style

Potete anche aggiungere il link “click-to-call” al vostro menu di navigazione di WordPress.

È sufficiente visitare la pagina Aspetto ” Menu e fare clic sulla scheda Link personalizzati nella colonna di destra. Ora è possibile aggiungere il numero di telefono nel campo del link nel seguente formato:

tel:+155555555

Add click-to-call link to navigation menu

A questo punto, aggiungere il testo che si desidera visualizzare e fare clic sul pulsante “Aggiungi al menu”.

Quindi, visitate il vostro sito web per vedere il vostro link “click-to-call” in azione.

Call link in navigation

Tuttavia, se si utilizza un tema a blocchi, è necessario visitare la pagina Aspetto ” Editor dalla barra laterale dell’amministrazione di WordPress.

Si aprirà l’editor completo del sito, dove si dovrà selezionare ‘Intestazione’ come parte del modello che si desidera modificare.

Choose the header template part

Dopodiché, verrete portati alla schermata successiva, dove verrà visualizzata l’intestazione di WordPress.

Da qui, fare clic sull’icona “Modifica” per iniziare a personalizzare il menu di navigazione.

Click the Edit link

Quindi, fare clic sul pulsante “+” nel menu di navigazione per aprire la richiesta “Aggiungi collegamento”.

Qui è sufficiente digitare il numero di telefono e premere il pulsante “Invio” per aggiungerlo al menu di navigazione.

Add number in the full site editor

Una volta fatto ciò, è possibile modificare l’etichetta dal pannello di blocco nell’angolo destro dello schermo.

Infine, fare clic sul pulsante “Salva” in alto per memorizzare le impostazioni.

Change the number of the label

Ora gli utenti che cliccano sul link “Chiamami” nel vostro menu di navigazione potranno contattarvi.

Bonus: Aggiungere una chatbox di WhatsApp in WordPress

Se non avete il tempo di rispondere alle chiamate dei clienti, potete aggiungere al vostro sito web una semplice chatbox WhatsApp in cui i visitatori possono lasciare i loro messaggi. Potrete quindi rispondere loro tramite testo, anziché con una telefonata.

Questo può essere vantaggioso per le richieste dei clienti, dato che oltre 2 miliardi di persone utilizzano WhatsApp per la messaggistica.

Per aggiungere una chatbox WhatsApp, è necessario installare e attivare il plugin Click to Chat. Per maggiori dettagli, potete consultare la nostra guida per principianti su come installare un plugin di WordPress.

Dopo l’attivazione, è sufficiente visitare la scheda del menu Click to Chat dalla dashboard di WordPress e inserire il numero di telefono della vostra azienda. Questo sarà il numero a cui riceverete i messaggi dagli utenti.

Provide your WhatsApp phone number

È quindi possibile personalizzare la chatbox e scegliere i post o le pagine in cui si desidera visualizzarla per i clienti. Una volta terminato, basta visitare l’editor di blocchi e aggiungere lo shortcode per la chatbox di WhatsApp.

Quindi, fare clic sul pulsante “Aggiorna” o “Pubblica” per memorizzare le impostazioni.

Add shortcode in the block editor

Avete aggiunto con successo una chatbox di WhatsApp in cui gli utenti possono lasciare messaggi se non vogliono partecipare a una telefonata.

Per istruzioni più dettagliate, potete consultare il nostro tutorial su come aggiungere la chatbox e il pulsante di condivisione di WhatsApp in WordPress.

Speriamo che questo articolo vi abbia aiutato a capire come aggiungere un pulsante per il clic su WordPress. Potreste anche voler consultare la nostra guida per principianti su come creare un indirizzo email aziendale gratuito o la nostra scelta dei migliori plugin per l’SMS marketing.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

34 commentiLascia una risposta

  1. Branka

    Hi, how can i change the size of the text inside the button?

  2. Uko eben

    I want to create an e-commerce website solely for the sales of fairly used phone gagdet, and adding a “chart botton and phone number botton” to contact the seller is pertinent. I have searched for articles in relation to my need, but I haven’t gotten a solution on your website. Pls I need a solution.

    • WPBeginner Support

      For that customization, you would want to check with the plugin you’re using to add the ecommerce options to your site and they normally have a method to do so.

      Admin

  3. Mona

    Do you have a call button that can go on different pages with different phone number? And also that would show if the person is on a call or busy?

    • WPBeginner Support

      Not at this time.

      Admin

  4. Kelly D.

    Can you please reference or link the Gutenberg editor doc you referenced? I would like to add the WP Call to the Contact Us page within the footer.

    • WPBeginner Support

      Any guides we mention should normally be linked if you click the orange text in the article :)

      Admin

  5. rajneesh

    A debt of gratitude is in order for the pleasant article! Informatin just I required. It would utilize it for my site to get contacts with guests straightforwardly. Pleasant work done!

    • WPBeginner Support

      Glad you found our content helpful :)

      Admin

  6. Spencer Pearson

    Great post! I’d also mention that CTA buttons (on your website itself) should be clear and stand out — through color, format, etc.

    • WPBeginner Support

      Thank you for sharing your recommendation :)

      Admin

  7. Spencer Pearson

    Thanks for sharing such a nice article

    • WPBeginner Support

      You’re welcome, glad our article could be helpful :)

      Admin

  8. Alan

    “Simply go to Appearance » Menus page…” I can’t even get started because I can’t find Appearance anywhere. Perhaps this is for an outdated interface.

  9. Michael William

    Thanks for posting article.. It’s really helpful & informative.

    • WPBeginner Support

      Glad you found our article helpful :)

      Admin

  10. Helen

    Thanks for the nice article! Informatin just I needed. It would use it for my site to get contacts with visitors directly. Nice work done!

    • WPBeginner Support

      You’re welcome, glad you like our article :)

      Admin

  11. Masoud

    hi,
    many thanks for this useful article.
    so, i have a website about appliance repair.
    and each item has its own page.
    for example , refrigerator repair has its own page and air conditioner repair has its own page.
    i want to that: I define phone number for each page. and The page viewer when the touch button is touched, The relevant master will answer the phone.
    have you an idea for this ?
    thanks

  12. Quy

    Thanks for great article!

    • WPBeginner Support

      Glad you like our content :)

      Admin

  13. Tom

    I have multiple contact numbers in my website footer, can I make all 3 phone numbers (1 landline + 2 mobile) all Click-to-Call enabled?
    Thanks!

    • WPBeginner Support

      If you are able to edit those numbers then you could use the manual method for adding click to call.

      Admin

  14. Ionut

    After enabeling analytics in the plugin, where do i go to see the numbers of calls?

    • WPBeginner Support

      You would use Google Analytics for the tracking, if you reach out to the plugin’s support they should be able to let you know the specific location.

      Admin

  15. Eugene

    Does this plugin support call back feature like the “Callback Tracker” plugin? I have found that it is more convenient for visitors to get call from me in just several seconds after their request.

    • WPBeginner Support

      Not at the moment, the plugin is to add a button for your mobile visitors to call you

      Admin

  16. Stiven

    Hi, is there any chance to change the Number depending of the location of the person? I mean for US a number, or for Spain another number?

  17. David Cornish

    A very timely article, just when I need the info about click to callable buttons. Perfect !!!! And Thanks a lot.

  18. Kamran awan

    Thanks for sharing such a nice article .. Keep the good work up.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.