Come aggiungere un pulsante WordPress Click To Call sul tuo sito web

Qui a HeroThemes, ci dedichiamo molto alla creazione di temi e plug-in di base di conoscenza di WordPress di qualità che fanno in modo che i visitatori del tuo sito non debbano chiamarti per chiedere aiuto.

Tuttavia, le persone avranno sempre bisogno di supporto telefonico e ci sono anche molte ragioni per non supportare che potresti voler rendere facile per i visitatori del tuo sito web chiamarti.

Ma quando le persone navigano su un dispositivo mobile, l'ultima cosa che vuoi fare è far loro digitare il tuo numero di telefono, o provare a fare clic su un piccolo numero di telefono. Invece, un clic per chiamare pulsante rende un'opzione molto migliore.

In questo post, ti mostreremo come aggiungere la funzionalità click to call di WordPress al tuo sito web utilizzando sia alcuni semplici plugin gratuiti che il tuo codice HTML. Non importa quale sia il tuo livello di conoscenza tecnica, sarai in grado di seguire e creare un pulsante clicca per chiamare di bell'aspetto.

Dovresti usare un plug-in Click To Call o HTML?

Usare un plugin è il modo più semplice per creare qualcosa che abbia un bell'aspetto. Quindi, se vuoi qualcosa che "funziona" subito, sarebbe una buona ragione per seguire la strada del plugin. Tuttavia, sarai limitato a visualizzare il tuo pulsante di chiamata solo nelle posizioni supportate dal plug-in.

Se vuoi essere in grado di aggiungere il tuo pulsante clic per chiamare in qualsiasi punto del tuo sito, o semplicemente non ti va di usare un altro plug-in, aggiungere la funzionalità clic per chiamare con il tuo HTML è semplice quasi come inserire un collegamento ipertestuale, quindi è comunque un approccio abbastanza intuitivo. Tuttavia, probabilmente dovrai aggiungere alcuni CSS personalizzati di base per renderlo bello, che è qualcosa da tenere a mente.

In questa guida ti mostreremo entrambi i metodi . Iniziamo, iniziando con il percorso del plugin...

Approccio 1: utilizzare un plug-in per pulsanti Click To Call gratuito di WordPress

Esistono diversi plug-in clic per chiamare di WordPress, ma ti mostreremo guide dettagliate per solo tre di essi:

• Barra delle chiamate davvero semplice: anziché aggiungere un pulsante autonomo, questo plug-in aggiunge un'intera barra nella parte inferiore degli schermi dei visitatori mobili. Se vuoi rendere davvero ovvio/facile per le persone chiamarti, questa è una buona opzione.
• Pulsante Chiama ora: oltre a una barra completa come il plug-in sopra, questo plug-in ti consente anche di utilizzare più di un pulsante di chiamata in stile pulsante di azione mobile.
• Call Now Button Ultimate: questo plug-in aggiunge la stessa chiamata ora nella barra in basso. Ma la cosa unica è che ti consente di impostare "ore di funzionamento" per quando sei disponibile via telefono. Durante le ore di riposo, il pulsante inviterà i visitatori a inviare un'e-mail anziché a chiamare.

Esercitazione sul plug-in della barra delle chiamate davvero semplice

Questo plugin è gratuito e disponibile su WordPress.org, quindi puoi installarlo direttamente dalla dashboard di WordPress andando su Plugin → Aggiungi nuovo .

Dopo aver installato e attivato il plug-in, vai su Impostazioni → Davvero semplice Fai clic per chiamare per configurare il plug-in. Lì puoi:

• Abilita la funzionalità del pulsante Clicca per chiamare
• Aggiungi un CTA di testo accanto al tuo pulsante di chiamata
• Scegli il numero di telefono che i visitatori chiameranno
• Configura i colori utilizzati per il tuo pulsante clicca per chiamare

Quindi, salva le modifiche per rendere attivo il tuo pulsante. Questo pulsante apparirà solo ai visitatori mobili, quindi non lo vedrai se stai navigando da un computer desktop.

Ecco un esempio di come potrebbe apparire su un dispositivo mobile:

Esercitazione sul plug-in del pulsante Chiama ora

Come accennato in precedenza, il plug-in Call Now Button è un po' più flessibile in quanto consente anche di utilizzare un pulsante di azione mobile call now oltre all'approccio della barra di chiamata ora.

Come gli altri, è elencato su WordPress.org, il che significa che puoi installarlo andando su Plugin → Aggiungi nuovo .

Dopo aver installato e attivato il plug-in, vai su Impostazioni → Pulsante Chiama ora per configurare il plug-in.

In alto puoi:

• Abilita il pulsante
• Inserisci il numero di telefono che i visitatori chiameranno
• Scegli il testo del pulsante ( se lo desideri )

Puoi anche rivelare più impostazioni facendo clic sul collegamento Impostazioni avanzate . Ciò ti consentirà di modificare il posizionamento, i colori, aggiungere il monitoraggio dei clic e altro:

Una volta abilitato, il pulsante verrà visualizzato solo dai visitatori mobili, quindi dovrai visualizzarlo in anteprima da un dispositivo mobile per vederlo in azione.

Ecco un esempio dal nostro sito dell'approccio del pulsante di azione mobile:

Esercitazione sul plug-in finale del pulsante Chiama ora

La particolarità del plug-in Call Now Button Ultimate è che puoi scegliere in quali orari desideri che i visitatori possano chiamarti. Durante le ore di riposo quando il tuo numero di telefono non è disponibile, puoi invece visualizzare una richiesta per i visitatori di inviare un'e-mail.

Come gli altri, puoi installare e attivare questo plugin gratuito andando su Plugin → Aggiungi nuovo nella dashboard di WordPress.

Una volta fatto, vai all'area Call Now Button Ultimate nella dashboard di WordPress per configurarlo.

In alto, puoi abilitare il plugin e inserire il tuo numero di telefono e indirizzo email:

Quindi, più in basso nella pagina, puoi inserire i tuoi orari di funzionamento e configurare il testo e i colori del pulsante:

Come gli altri plug-in, il pulsante Chiama ora verrà visualizzato solo dai visitatori mobili.

Ecco come appare durante l'orario di lavoro:

Ed ecco come appare al di fuori dell'orario di lavoro:

Approccio 2: WordPress Fare clic per chiamare il pulsante HTML

In alternativa al clic per chiamare i plug-in di WordPress, puoi anche utilizzare il tuo clic per chiamare HTML per creare un pulsante. Il vantaggio di questo approccio è che potrai aggiungere il tuo pulsante ovunque sul tuo sito.

Per creare un tale pulsante, puoi semplicemente utilizzare un normale collegamento ipertestuale e racchiudere il tuo numero di telefono nello schema tel:.

Ecco come appare: devi solo sostituire il numero di telefono di esempio con il tuo e modificare il testo CTA secondo necessità:

<a href="tel:+1-123-456-7890">Call HeroThemes!</a>

Questo è tutto quello che c'è da fare!

Se lo desideri, puoi utilizzare il tuo CSS personalizzato per creare un pulsante invece di un normale collegamento ipertestuale.

Ad esempio, potresti usare questo HTML:

<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>

Quindi, puoi aggiungere alcuni CSS personalizzati al tuo sito WordPress per trasformarlo in un pulsante. Per esempio:

.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}

Puoi aggiungere in sicurezza CSS personalizzati tramite il Personalizzatore di WordPress o un plug-in gratuito come Simple CSS.

Ricorda, però. Per impostazione predefinita, il tuo clic per chiamare il pulsante HTML sarà visibile a tutti i visitatori, compresi quelli sui computer desktop.

Se desideri modificarlo, puoi utilizzare le query multimediali CSS per visualizzare il pulsante solo sui dispositivi mobili. Ad esempio, questo frammento di codice nasconderà il pulsante su dimensioni dello schermo superiori a 600 px di larghezza:

@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}

Inizia a utilizzare il tuo pulsante WordPress Clicca per chiamare oggi!

Indipendentemente dal fatto che utilizzi un plug-in o il tuo HTML personalizzato, è facile creare un pulsante per chiamare su WordPress.

Con il tuo pulsante in posizione, sarà più facile che mai per i visitatori mobili mettersi in contatto con te.

Ricorda solo: le telefonate sono pesanti per le risorse umane.

Se desideri ridurre il numero di telefonate che ricevi, la creazione di una knowledge base di WordPress o di una sezione delle domande frequenti consente ai visitatori di ottenere l'aiuto di cui hanno bisogno senza richiedere il supporto telefonico individuale. E questo può farti risparmiare un sacco di tempo e fatica.

Scopri come iniziare con il nostro plug-in Heroic Knowledge Base, il tema KnowAll o il plug-in Heroic FAQs.