Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să adaugi un buton Click-to-Call în WordPress (Pas cu Pas)

Adăugarea unui buton click-to-call pe site-ul dvs. face ca utilizatorii să vă poată contacta cu ușurință de pe smartphone-urile lor, ceea ce duce la o mai bună implicare și la conversii mai mari.

Am gestionat diverse magazine online și afaceri care comunică zilnic cu clienții. Acest lucru ne-a învățat cele mai bune modalități de a ajuta afacerile să se conecteze cu utilizatorii lor prin telefon, e-mail și online.

De fapt, am dezvoltat primul plugin prezentat în acest tutorial deoarece am văzut o nevoie crescândă pentru o soluție simplă și eficientă de click-to-call.

În acest articol, vă vom arăta cum să adăugați cu ușurință un buton click-to-call pe site-ul dvs. WordPress.

Adăugarea unui buton click to call în WordPress

De ce să adăugați un buton Click-to-Call în WordPress?

Multe site-uri web ale afacerilor mici se bazează pe clienți pentru a-i contacta pentru oferte, informații pre-vânzare sau suport.

De aceea recomandăm adăugarea unui formular de contact pentru toți proprietarii de site-uri web.

Cu toate acestea, în funcție de industrie, unii utilizatori ar putea dori să vorbească imediat cu o persoană.

Pe măsură ce traficul web mobil crește în întreaga lume, utilizatorii găsesc adesea mai convenabil să apese pur și simplu pentru a apela și a obține informațiile de care au nevoie.

În plus, adăugarea unui buton click-to-call poate, de asemenea, îmbunătăți SEO-ul, făcând site-ul dvs. WordPress mai prietenos pentru mobil

Dacă abia începi o afacere, atunci îți recomandăm să te uiți la un serviciu telefonic profesional pentru afaceri, astfel încât să poți redirecționa apelurile, să partajezi numere cu angajații și să răspunzi la apeluri folosind telefonul mobil de oriunde (în loc de o linie fixă).

Acestea fiind spuse, să aruncăm o privire la cum să adăugați cu ușurință un buton click-to-call în WordPress:

Metoda 1: Adăugarea unui buton „Sună acum” în WordPress

Această metodă este mai ușoară și recomandată pentru toți utilizatorii. Vă permite să creați cu ușurință un buton click-to-call în Gutenberg, editorul clasic, widgetul din bara laterală WordPress și chiar un buton de apel plutitor fix.

Mai întâi, trebuie să instalați și să activați pluginul WP Call Button pe site-ul dvs. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

După activare, vizitați pagina Setări » WP Call Button din bara laterală de administrare WordPress pentru a configura setările pluginului.

Creați butonul Click to Call

Prima pagină de setări este pentru cea mai frecvent solicitată funcție, Butonul de Apel Fix, care se derulează odată cu utilizatorul pe măsură ce acesta navighează pe site-ul dvs. web.

Această funcție, optimizată pentru conversii, vă ajută să obțineți mai multe apeluri și să încheiați mai multe tranzacții mai rapid.

Trebuie să începeți prin a introduce numărul de telefon al afacerii pe care doriți ca oamenii să îl apeleze.

Pluginul WP Call Button folosește câmpul pentru smartphone, ceea ce înseamnă că puteți selecta pur și simplu țara dvs. și acesta va adăuga automat codul țării în formatul corect.

Notă: Dacă nu aveți un număr de telefon de afaceri, îl puteți obține de la Nextiva. Aceasta este compania pe care o folosim pentru nevoile noastre de telefonie VoIP pentru afaceri.

Apoi, aveți opțiunea de a adăuga textul butonului de apel, de a selecta poziționarea și de a alege culoarea butonului.

În mod implicit, pluginul va adăuga un buton click-to-call pe toate paginile și dispozitivele. Cu toate acestea, puteți alege să îl afișați doar pe anumite pagini sau doar pe dispozitive mobile.

Configurați setările butonului

Odată ce ați terminat, pur și simplu faceți clic pe comutatorul de activare din partea de sus, apoi faceți clic pe butonul „Salvare modificări” pentru a vă salva setările.

După aceea, puteți vizita site-ul dvs. web pentru a vedea butonul de apel în acțiune.

Buton WordPress click pentru apel

Dacă doriți să adăugați un buton de apel static pe pagina de contact, pagina despre sau orice altă postare/pagină WordPress, atunci aveți două opțiuni.

Dacă utilizați editorul de blocuri WordPress, creați sau editați o pagină existentă.

Apoi, faceți clic pe butonul „Adăugare bloc” din colțul din stânga sus al ecranului pentru a deschide meniul de blocuri. De aici, adăugați blocul WP Call Button pe pagină.

Adăugați blocul butonului de apel WP în editorul Gutenberg

Blocul Buton de Apel WordPress vine cu multe opțiuni de personalizare, cum ar fi posibilitatea de a personaliza culoarea butonului, textul butonului, dimensiunea fontului și posibilitatea de a afișa sau ascunde pictograma telefonului.

Odată ce adăugați butonul, acesta va permite utilizatorilor să facă clic și să apeleze numărul de telefon pe care l-ați specificat pe pagina de setări WP Call Button.

După personalizarea butonului, pur și simplu faceți clic pe butonul „Publicare” sau „Actualizare” pentru a salva setările.

Personalizați butonul de apel

Acum, dacă folosiți editorul clasic WordPress, atunci trebuie să folosiți generatorul Static Call Button pentru a obține un shortcode.

Pur și simplu accesați Setări » WP Call Button și faceți clic pe meniul „Buton de apel static” din partea de sus.

Adaugă buton static de apel

Apoi, puteți personaliza textul butonului de apel și culoarea și puteți alege dacă doriți să afișați sau să ascundeți pictograma telefonului.

După aceea, derulați în jos și copiați shortcode-ul pentru adăugarea butonului de apel într-o pagină sau postare.

Copiați shortcodul

Apoi, deschideți pagina sau postarea unde doriți să adăugați butonul și lipiți shortcode-ul în ea.

Ați adăugat acum cu succes butonul de apel în editorul clasic.

Adăugați shortcode-ul butonului de apel în editorul clasic

Pluginul WP Call Button vă permite, de asemenea, să adăugați butonul de apel în bara laterală a site-ului dvs. web folosind blocul widget pentru bara laterală.

Pentru a face acest lucru, trebuie să vizitați pagina Aspect » Widget-uri din zona de administrare WordPress și să faceți clic pe butonul „+” pentru a deschide meniul de blocuri.

De aici, adăugați blocul WP Call Button în zona pregătită pentru widgeturi.

Adaugă un bloc de widgeturi pentru butonul de apel WP

Apoi, puteți personaliza în continuare aspectul butonului dvs. de apel din panoul blocului din dreapta.

De exemplu, există opțiuni pentru a schimba dimensiunea butonului, a ascunde pictograma telefonului, a alinia butonul la centru și a edita culorile de fundal și ale textului.

Când ați făcut modificările, nu uitați să faceți clic pe butonul „Actualizare”.

Editați setările widgetului pentru butonul WP Call

După ce ați citit acest lucru, probabil că puteți vedea de ce butonul WP Call este de departe cel mai ușor și mai cuprinzător plugin WordPress click-to-call de pe piață.

Partea cea mai bună este că este 100% gratuit și are o integrare perfectă cu Google Analytics.

Tot ce trebuie să faceți este să folosiți pluginul MonsterInsights, și acesta va urmări automat câți oameni fac clic pe butonul dvs. de apel și ce pagini vă aduc cele mai multe lead-uri, astfel încât să vă puteți concentra pe ceea ce funcționează pentru a vă dezvolta afacerea mai repede!

Metoda 2: Adăugați manual butonul Click to Call în WordPress

Această metodă vă permite să adăugați manual butoane și linkuri click-to-call oriunde pe blogul dvs. WordPress.

Cel mai simplu mod de a adăuga un număr de telefon clicabil pe site-ul dvs. web este să îl adăugați astfel:

<!--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>

Aceste linkuri vor deschide aplicația de telefon pe dispozitivele mobile. Pe computere desktop, utilizatorii Mac vor vedea o opțiune de a deschide linkul în Facetime, în timp ce utilizatorii Windows 10/11 vor vedea opțiunea de a-l deschide în Skype.

Puteți folosi și HTML pentru a adăuga o imagine sau o pictogramă lângă linkul text click-to-call.

Să vedem cum se face acest lucru.

Mai întâi, trebuie să vizitați pagina Media » Adăugare Nou și să încărcați imaginea pe care doriți să o utilizați. După încărcarea imaginii, trebuie să faceți clic pe linkul „Editare” pentru a continua.

Pictogramă telefon încărcat

Acest lucru vă va duce la ecranul de editare a mediilor, unde trebuie să copiați URL-ul fișierului. Veți avea nevoie de el în pasul următor.

Acum puteți edita postarea, pagina sau widget-ul HTML personalizat unde doriți să afișați pictograma de telefon click-to-call. În zona de editare, puteți adăuga acum pictograma de telefon înfășurată în link-ul tel:.

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

Odată terminat, puteți vizita site-ul dvs. web pentru a vedea linkul click-to-call cu imaginea pe care ați încărcat-o.

Buton click-to-call cu pictogramă imagine

Puteți personaliza în continuare acest lucru adăugând mai mult text înainte sau după link și folosind CSS personalizat pentru a-l stiliza.

Acesta este modul în care arată pe site-ul nostru demo.

Buton de clic pentru apel cu mai mult text și stil CSS

Puteți adăuga, de asemenea, linkul click-to-call în meniul de navigare WordPress.

Pur și simplu vizitați pagina Aspect » Meniuri și faceți clic pe fila linkuri personalizate din coloana din dreapta. Acum puteți adăuga numărul de telefon în câmpul linkului în următorul format:

tel:+155555555

Adăugați un link click-to-call în meniul de navigare

După aceea, adăugați textul pe care doriți să îl afișați și apoi faceți clic pe butonul „Adaugă la meniu”.

Apoi, vizitați site-ul dvs. web pentru a vedea linkul click-to-call în acțiune.

Link de apel în navigație

Cu toate acestea, dacă utilizați o temă bazată pe blocuri, atunci va trebui să vizitați pagina Aspect » Editor din bara laterală de administrare WordPress.

Aceasta va lansa editorul complet al site-ului, unde trebuie să selectați „Antet” ca parte a șablonului pe care doriți să o editați.

Alegeți partea de șablon a antetului

După aceea, veți fi direcționat către ecranul următor, unde va fi afișat antetul WordPress.

De aici, faceți clic pe pictograma „Editare” pentru a începe personalizarea meniului de navigare.

Faceți clic pe linkul Editare

Apoi, faceți clic pe butonul „+” din meniul de navigare pentru a deschide promptul „Adăugare link”.

Aici, pur și simplu introduceți numărul dvs. de telefon și apoi apăsați butonul „Enter” pentru a-l adăuga în meniul de navigare.

Adăugați numărul în editorul complet al site-ului

Odată ce ați făcut acest lucru, puteți schimba eticheta acestuia din panoul de blocuri din colțul din dreapta al ecranului.

În final, faceți clic pe butonul „Salvați” din partea de sus pentru a salva setările.

Schimbați numărul etichetei

Acum utilizatorii care fac clic pe linkul „Sună-mă” din meniul de navigare vor putea să vă contacteze.

Bonus: Adăugați o casetă de chat WhatsApp în WordPress

Dacă nu aveți timp să răspundeți la apelurile clienților, puteți adăuga o simplă casetă de chat WhatsApp pe site-ul dvs. web, unde vizitatorii pot lăsa mesajele lor. Apoi le puteți răspunde prin text, mai degrabă decât la telefon.

Acest lucru poate fi benefic pentru solicitările clienților, deoarece peste 2 miliarde de oameni folosesc WhatsApp pentru mesagerie.

Pentru a adăuga o fereastră de chat WhatsApp, trebuie să instalați și să activați pluginul Click to Chat. Pentru detalii, puteți consulta ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

La activare, vizitați pur și simplu fila de meniu Click to Chat din tabloul de bord WordPress și introduceți numărul dvs. de telefon de afaceri. Acesta va fi numărul la care veți primi mesaje de la utilizatori.

Furnizați numărul dvs. de telefon WhatsApp

Puteți apoi personaliza fereastra de chat și alege postările sau paginile unde doriți să o afișați clienților. Odată ce ați terminat, pur și simplu vizitați editorul de blocuri și adăugați shortcode-ul pentru fereastra de chat WhatsApp.

După aceea, faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva setările.

Adăugați shortcode în editorul de blocuri

Acum ați adăugat cu succes o fereastră de chat WhatsApp unde utilizatorii pot lăsa mesaje dacă nu doresc să participe la un apel telefonic.

Pentru instrucțiuni mai detaliate, puteți consulta tutorialul nostru despre cum să adăugați o casetă de chat și un buton de partajare WhatsApp în WordPress.

Tutorial video

Dacă nu vă plac instrucțiunile scrise, atunci puteți viziona tutorialul nostru video:

Abonează-te la WPBeginner

Sperăm că acest articol v-a ajutat să învățați cum să adăugați un buton click-to-call în WordPress. De asemenea, ați putea dori să vedeți ghidul nostru pentru începători despre cum să creați o adresă de e-mail de afaceri gratuită sau selecția noastră expertă a celor mai bune pluginuri de marketing SMS.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

38 CommentsLeave a Reply

  1. Un lucru pe care aș dori să-l împărtășesc este configurarea numerelor de urmărire a apelurilor înainte de a adăuga butoane click-to-call. Pur și simplu folosiți numere diferite pentru fiecare canal de marketing. Este uimitor cum acest lucru îmi arată exact de unde provin lead-urile mele telefonice.

  2. Articol foarte, foarte util, deoarece am căutat acest lucru de atât de mult timp.
    Având un buton de apelare la clic este o modalitate eficientă de a face utilizatorii să ia parte activă la produsele sau serviciile dumneavoastră și să vă contacteze.
    Trebuie să implementez un buton de apelare la clic pe site-ul meu de coaching, astfel încât studenții să își poată pune cu ușurință întrebările legate de diferite cursuri.

  3. Doar voiam să vă mulțumesc pentru acest tutorial util. Am reușit să adaug un buton click-to-call pe site-ul meu în mai puțin de 10 minute. Este o modalitate atât de simplă, dar eficientă de a îmbunătăți experiența utilizatorului. Vizitatorii mei mobili adoră să mă poată suna cu o singură atingere.

  4. Vreau să creez un site web de comerț electronic exclusiv pentru vânzarea de gadgeturi telefonice folosite, iar adăugarea unui „buton de chat și a unui buton cu număr de telefon” pentru a contacta vânzătorul este pertinentă. Am căutat articole în legătură cu nevoia mea, dar nu am obținut o soluție pe site-ul dvs. Vă rog, am nevoie de o soluție.

    • Pentru acea personalizare, ar trebui să verificați pluginul pe care îl utilizați pentru a adăuga opțiunile de comerț electronic pe site-ul dvs. și, de obicei, au o metodă pentru a face acest lucru.

      Admin

  5. Aveți un buton de apel care poate fi plasat pe pagini diferite cu numere de telefon diferite? Și, de asemenea, care ar arăta dacă persoana este la telefon sau ocupată?

  6. Puteți, vă rog, să faceți referire sau să legați documentația editorului Gutenberg la care ați făcut referire? Aș dori să adaug WP Call pe pagina Contactați-ne din subsol.

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

      Admin

  7. Se cuvine o datorie de recunoștință pentru articolul plăcut! Informația exact de care aveam nevoie. Aș folosi-o pentru site-ul meu pentru a intra în contact direct cu vizitatorii. Muncă frumoasă!

  8. Postare grozavă! Aș menționa, de asemenea, că butoanele CTA (pe site-ul dvs. în sine) ar trebui să fie clare și să iasă în evidență – prin culoare, format etc.

  9. „Pur și simplu accesați pagina Aspect » Meniuri…” Nici măcar nu pot începe, deoarece nu găsesc Aspect nicăieri. Poate că acesta este pentru o interfață învechită.

  10. Mulțumesc pentru articolul frumos! Exact informațiile de care aveam nevoie. L-aș folosi pentru site-ul meu pentru a intra în contact direct cu vizitatorii. Lucrare bine făcută!

  11. Salut, Mulțumesc mult pentru acest articol util. Deci, am un site web despre reparații electrocasnice. Și fiecare articol are propria sa pagină. De exemplu, reparația frigiderului are propria sa pagină și reparația aparatului de aer condiționat are propria sa pagină. Vreau ca: să definesc un număr de telefon pentru fiecare pagină. Și vizualizatorul paginii, când este atins butonul, maestru relevant va răspunde la telefon. Aveți vreo idee pentru asta? Mulțumesc

  12. Am mai multe numere de contact în subsolul site-ului meu, pot face ca toate cele 3 numere de telefon (1 fix + 2 mobile) să fie activate pentru Click-to-Call?
    Mulțumesc!

    • Dacă puteți edita acele numere, atunci ați putea folosi metoda manuală pentru a adăuga click to call.

      Admin

    • Ați folosi Google Analytics pentru urmărire; dacă contactați suportul pluginului, ar trebui să vă poată spune locația specifică.

      Admin

  13. Acest plugin suportă funcția de apel invers, cum ar fi pluginul „Callback Tracker”? Am constatat că este mai convenabil pentru vizitatori să fie sunați de mine la doar câteva secunde după solicitarea lor.

    • Nu momentan, pluginul este pentru a adăuga un buton pentru vizitatorii dvs. mobili să vă sune

      Admin

  14. Salut, există vreo șansă să schimbați numărul în funcție de locația persoanei? Mă refer la un număr pentru SUA sau alt număr pentru Spania?

  15. Un articol foarte oportun, exact când am nevoie de informații despre butoanele click-to-callable. Perfect !!!! Și mulțumesc mult.

  16. Mulțumesc pentru că ați distribuit un articol atât de frumos .. Continuați munca bună.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.