Cum să adăugați un buton WordPress Click pentru apelare pe site-ul dvs. web
Publicat: 2019-01-21Aici, la HeroThemes, depunem mult efort pentru a crea teme și pluginuri de bază de cunoștințe WordPress de calitate, care fac astfel încât vizitatorii site-ului dvs. să nu fie nevoiți să vă cheme pentru ajutor.
Cu toate acestea, oamenii vor avea întotdeauna nevoie de asistență telefonică și există, de asemenea, o mulțime de motive care nu sunt de asistență pentru care ați dori să le faceți mai ușor pentru vizitatorii site-ului dvs. web să vă sune.
Dar când oamenii navighează pe un dispozitiv mobil, ultimul lucru pe care vrei să-l faci este să-i faci să introducă ei înșiși numărul tău de telefon sau să încerce să facă clic pe un număr mic de telefon. În schimb, un clic pentru a apela face o opțiune mult mai bună.
În această postare, vă vom arăta cum puteți adăuga funcționalitatea WordPress clic pentru apelare pe site-ul dvs. folosind atât câteva pluginuri simple gratuite, cât și propriul dvs. HTML. Indiferent de nivelul tău de cunoștințe tehnice, vei putea să urmărești și să creezi un buton clic pentru a apela frumos.
Ar trebui să utilizați un plugin Click To Call sau HTML?
Utilizarea unui plugin este cea mai simplă modalitate de a crea ceva care arată grozav. Deci, dacă doriți ceva care să „funcționeze” imediat, acesta ar fi un motiv bun pentru a merge pe calea pluginului. Cu toate acestea, veți fi limitat la afișarea butonului de apel doar în locațiile pe care le acceptă pluginul.
Dacă doriți să puteți adăuga butonul clic pentru apelare oriunde pe site-ul dvs. sau pur și simplu nu vă place să utilizați un alt plugin, adăugarea funcționalității clic pentru apelare cu propriul dvs. HTML este aproape la fel de simplă ca și inserarea unui hyperlink, deci este încă un abordare destul de ușor de utilizat. Cu toate acestea, probabil că va trebui să adăugați niște CSS personalizate de bază pentru a-l face să arate bine, ceea ce este ceva de reținut.
În acest ghid, vă vom arăta ambele metode . Să începem, începând cu ruta pluginului...
Abordarea 1: Utilizați un plugin gratuit WordPress pentru butonul Click pentru apelare
Există mai multe pluginuri WordPress pentru clic pentru apelare, dar vă vom arăta ghiduri pas cu pas pentru doar trei dintre ele:
- Bara Click To Call foarte simplă – în loc să adauge un buton independent, acest plugin adaugă o bară întreagă în partea de jos a ecranelor vizitatorilor de pe mobil. Dacă doriți să faceți cu adevărat evident/ușor ca oamenii să vă sune, aceasta este o opțiune bună.
- Butonul de apelare acum – pe lângă o bară completă precum pluginul de mai sus, acest plugin vă permite, de asemenea, să utilizați mai mult un buton de apel în stil flotant.
- Call Now Button Ultimate – acest plugin adaugă aceeași bară de apel acum. Dar unic este că vă permite să setați „ore de funcționare” pentru când sunteți disponibil prin telefon. În timpul orelor libere, butonul va solicita vizitatorilor să trimită un e-mail în loc să sune.
Tutorial pentru pluginul barei clic pentru apelare foarte simplu
Acest plugin este gratuit și disponibil pe WordPress.org, așa că îl puteți instala direct din tabloul de bord WordPress accesând Plugins → Adăugați nou .
După ce ați instalat și activat pluginul, accesați Setări → Really Simple Click to Call pentru a configura pluginul. Acolo, puteți:
- Activați funcționalitatea butonului clic pentru a apela
- Adăugați un text CTA lângă butonul de apelare
- Alegeți numărul de telefon pe care îl vor apela vizitatorii
- Configurați culorile folosite pe butonul clic pentru a apela

Apoi, salvați modificările pentru a face butonul activ. Acest buton va apărea numai pentru vizitatorii de pe mobil, așa că nu îl veți vedea dacă navigați de pe un computer desktop.
Iată un exemplu despre cum ar putea arăta pe mobil:

Tutorial pentru pluginul Buton Call Now
După cum am menționat mai sus, pluginul Butonul Apel acum este puțin mai flexibil prin faptul că vă permite, de asemenea, să utilizați un buton de apelare de acțiune flotantă pe lângă abordarea barei de apelare acum.
La fel ca și celelalte, este listat pe WordPress.org, ceea ce înseamnă că îl puteți instala mergând la Plugins → Add New .
După ce ați instalat și activat pluginul, mergeți la Setări → Butonul Apelați acum pentru a configura pluginul.
În partea de sus, puteți:
- Activați butonul
- Introduceți numărul de telefon pe care îl vor apela vizitatorii
- Alegeți textul butonului ( dacă doriți )

De asemenea, puteți dezvălui mai multe setări făcând clic pe linkul Setări avansate . Acest lucru vă va permite să schimbați poziționarea, culorile, să adăugați urmărirea clicurilor și multe altele:


Odată ce butonul dvs. este activat, acesta va fi afișat numai pentru vizitatorii mobili, așa că va trebui să îl previzualizați de pe un dispozitiv mobil pentru a-l vedea în acțiune.
Iată un exemplu de pe site-ul nostru al abordării butonului de acțiune plutitoare:

Call Now Button Ultimate Plugin Tutorial
Lucrul unic despre pluginul Call Now Button Ultimate este că puteți alege la ce oră doriți ca vizitatorii să vă poată apela. În afara orelor de program, când numărul dvs. de telefon este indisponibil, puteți afișa o solicitare pentru vizitatori să trimită un e-mail.
La fel ca și celelalte, puteți instala și activa acest plugin gratuit accesând Plugins → Adăugați nou în tabloul de bord WordPress.
După ce ați făcut acest lucru, accesați zona Call Now Button Ultimate din tabloul de bord WordPress pentru a o configura.
În partea de sus, puteți activa pluginul și introduceți numărul de telefon și adresa de e-mail:

Apoi, mai jos în pagină, puteți introduce orele de funcționare și puteți configura textul și culorile butonului:

La fel ca și celelalte plugin-uri, butonul de apelare acum se va afișa numai pentru vizitatorii de pe mobil.
Iată cum arată în timpul orelor de funcționare:

Și iată cum arată în afara orelor de funcționare:

Abordarea 2: WordPress Click To Call HTML Button
Ca alternativă la pluginurile WordPress clic pentru a apela, puteți utiliza și propriul clic pentru a apela HTML pentru a crea un buton. Avantajul acestei abordări este că veți putea adăuga butonul oriunde pe site-ul dvs.
Pentru a crea un astfel de buton, puteți doar să utilizați un hyperlink obișnuit și să includeți numărul de telefon în schema tel:.
Iată cum arată – trebuie doar să înlocuiți exemplul de număr de telefon cu al dvs. și să editați textul CTA după cum este necesar:
<a href="tel:+1-123-456-7890">Call HeroThemes!</a>
Cam despre asta e!
Dacă doriți, puteți utiliza propriul dvs. CSS personalizat pentru a crea un buton în loc de un hyperlink obișnuit.
De exemplu, puteți folosi acest HTML:
<a href="tel:+1-123-456-7890" class="call-button">Call HeroThemes!</a>
Apoi, puteți adăuga niște CSS personalizate pe site-ul dvs. WordPress pentru a-l transforma într-un buton. De exemplu:
.call-button {
color: #fff !important;
background: #0ba9d5;
padding: 20px;
border-radius: 5px;
display: inline-block;
border: none;
}

Puteți adăuga în siguranță CSS personalizat prin intermediul WordPress Customizer sau a unui plugin gratuit, cum ar fi Simple CSS.
Ține minte, totuși. În mod implicit, butonul HTML clic pentru a apela va fi vizibil pentru toți vizitatorii, inclusiv pentru cei de pe computere desktop.
Dacă doriți să schimbați acest lucru, puteți utiliza interogări media CSS pentru a afișa butonul numai pe dispozitivele mobile. De exemplu, acest fragment va ascunde butonul de pe ecran cu lățime de peste 600 de pixeli:
@media only screen and (min-width: 600px) {
.call-button {
display: none;
}
}
Începeți să utilizați butonul WordPress Click pentru a apela astăzi!
Indiferent dacă utilizați un plugin sau propriul dvs. HTML personalizat, este ușor să creați un buton clic pentru apelare pe WordPress.
Cu butonul dvs. activat, va fi mai ușor ca niciodată pentru vizitatorii de pe mobil să vă contacteze.
Nu uitați - apelurile telefonice sunt grele pentru resursele umane.
Dacă doriți să reduceți numărul de apeluri telefonice pe care le primiți, crearea unei baze de cunoștințe WordPress sau a unei secțiuni de întrebări frecvente le permite vizitatorilor să obțină ajutorul de care au nevoie fără a necesita asistență telefonică individuală. Și asta vă poate economisi o mulțime de timp și efort.
Aflați cum puteți începe cu pluginul nostru Heroic Knowledge Base, tema KnowAll sau pluginul Heroic FAQs.
