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ă adăugați o fereastră de chat WhatsApp și butoane de partajare în WordPress

WhatsApp este una dintre cele mai populare platforme de mesagerie și are peste 2,8 miliarde de utilizatori la nivel mondial. Adăugarea unei casete de chat și a unui buton de partajare WhatsApp pe site-ul dvs. WordPress este o modalitate excelentă de a crește implicarea clienților și de a facilita partajarea conținutului dvs. de către vizitatori.

Indiferent dacă oferiți suport sau pur și simplu creșteți distribuirea pe rețelele sociale, adăugarea unei ferestre de chat WhatsApp și a butoanelor de distribuire poate genera mai mult trafic pe site-ul dvs.

La WPBeginner, am adăugat și un buton de partajare WhatsApp pe site-ul nostru, astfel încât cititorii noștri să poată partaja cu ușurință conținutul nostru cu prietenii și familia lor.

În acest articol, vă vom arăta cum să adăugați cu ușurință un buton de partajare WhatsApp în WordPress.

Cum să adăugați butonul de partajare WhatsApp în WordPress

De ce să adăugați un buton WhatsApp în WordPress?

WhatsApp este o aplicație de mesagerie instantanee care permite oamenilor din întreaga lume să se contacteze ușor.

Adăugarea unui buton de partajare WhatsApp pe site-ul dvs. WordPress va permite vizitatorilor să partajeze cu ușurință conținutul dvs. cu contactele lor.

În plus, puteți adăuga o fereastră de chat WhatsApp, permițând utilizatorilor să aibă o conversație directă cu dvs.

De exemplu, dacă aveți un magazin online, clienții pot folosi butonul de chat WhatsApp pentru a face interogări despre produse fără a fi nevoiți să completeze formulare sau să treacă prin suportul clienți.

Poate duce la o implicare crescută a utilizatorilor și la rate mai mici de abandon al coșului.

Acestea fiind spuse, să vedem cum puteți adăuga cu ușurință un buton de partajare WhatsApp în WordPress.

Metoda 1: Adăugați un buton de partajare WhatsApp în WordPress

Dacă doriți să adăugați un buton de partajare WhatsApp pe site-ul dvs. web, atunci această metodă este pentru dvs.

Mai întâi, trebuie să instalați și să activați pluginul Sassy Social Share. Pentru mai multe instrucțiuni, vă rugăm să consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

La activare, vizitați meniul Sassy Social Share din bara laterală de administrare WordPress. De aici, trebuie să comutați la fila „Interfață standard” din partea de sus.

Apoi, trebuie să derulați în jos la secțiunea „Selectați Serviciile de Partajare” și pur și simplu să bifați căsuța de lângă opțiunea WhatsApp.

Verificați opțiunea de partajare WhatsApp

Puteți adăuga, de asemenea, butonul de partajare pentru alte platforme de socializare, inclusiv Facebook, Instagram, Pinterest, Twitter și altele.

Odată ce ați terminat, nu uitați să faceți clic pe butonul „Salvează modificările” pentru a vă stoca setările, apoi puteți accesa fila „Selecție temă”.

De aici, puteți personaliza butoanele de partajare schimbând dimensiunea, forma, logo-ul sau culoarea de fundal și multe altele. Este o idee bună să folosiți culorile brandului WhatsApp pentru butonul de partajare, astfel încât utilizatorii să îl recunoască mai ușor.

Personalizați butonul de partajare WhatsApp

Când ați terminat, faceți clic pe butonul „Salvare modificări” pentru a salva setările.

Acum puteți vizita site-ul dvs. web pentru a vedea butonul de partajare WhatsApp în acțiune.

Iată cum arăta pe site-ul nostru demo.

Buton de distribuire WhatsApp

Nu doriți să adăugați un buton WhatsApp pe fiecare pagină? Nu vă faceți griji, pluginul vă permite, de asemenea, să îl adăugați cu ușurință la postări și pagini individuale.

Adăugarea butonului de partajare WhatsApp în editorul de blocuri

Dacă doriți să afișați butonul de partajare WhatsApp doar pe anumite postări și pagini, atunci mai întâi trebuie să dezactivați afișarea globală a butoanelor de partajare.

Pentru a face acest lucru, pur și simplu accesați pagina Sassy Social Share din bara laterală de administrare WordPress și comutați la fila „Interfață standard”.

Apoi, trebuie să debifați caseta pentru opțiunea „Activare interfață standard de partajare”.

Dezactivați butoanele standard

Apoi, comutați la fila „Interfață flotantă”.

De aici, debifați căsuța de lângă opțiunea „Activați interfața de partajare plutitoare”.

Dezactivați butoanele plutitoare

Acum că ați dezactivat butoanele standard și plutitoare de partajare socială, continuați și adăugați butonul de partajare WhatsApp pe orice pagină sau postare de pe site-ul dvs. web folosind un shortcode.

Pur și simplu deschideți postarea sau pagina unde doriți să afișați butonul de partajare WhatsApp în editorul de conținut, sau puteți crea una nouă.

De aici, pur și simplu faceți clic pe butonul Adăugare Bloc (+) din colțul din stânga sus și căutați blocul „Shortcode”. După aceea, adăugați blocul pe pagină.

Adăugați shortcode în editorul de blocuri

Apoi, trebuie să copiați următorul shortcode și să îl lipiți în blocul „Shortcode”.

[Sassy_Social_Share]

Odată ce ați terminat, pur și simplu faceți clic pe butonul „Publicare” sau „Actualizare” pentru a salva modificările. Butonul dvs. de partajare WhatsApp va arăta astfel.

Buton de partajare WhatsApp pe o pagină

Adăugarea butonului de partajare WhatsApp ca widget

Pentru a adăuga butonul de partajare WhatsApp în bara laterală a site-ului dvs. web, trebuie să vizitați pagina Aspect » Widget-uri din bara laterală de administrare.

De aici, pur și simplu faceți clic pe butonul Adăugare Bloc (+) din colțul din stânga sus și localizați blocul „Shortcode”.

Apoi, trebuie să adăugați blocul „Shortcode” în bara laterală.

Buton de partajare WhatsApp ca widget

După aceea, pur și simplu copiați și lipiți următorul shortcode în bloc.

[Sassy_Social_Share]

Apoi, faceți clic pe butonul „Actualizare” pentru a salva setările.

Așa va arăta butonul dvs. de partajare WhatsApp odată ce este adăugat în bara laterală a site-ului web.

Buton de partajare WhatsApp în bara laterală

Adăugarea butonului de partajare WhatsApp în editorul complet al site-ului

Dacă utilizați o temă bazată pe blocuri, atunci veți folosi editorul complet al site-ului și nu veți avea acces la pagina „Widget-uri”.

Mai întâi, trebuie să vizitați opțiunea Aspect » Editor din bara laterală de administrare pentru a lansa editorul complet al site-ului.

Apoi, faceți clic pe butonul „Adăugare Bloc” (+) din partea de sus a ecranului și adăugați blocul „Shortcode” în orice loc potrivit de pe site-ul dvs.

După aceea, adăugați următorul shortcode la bloc.

[Sassy_Social_Share]
Adăugați butonul de partajare WhatsApp în editorul complet al site-ului

Odată ce ați terminat, faceți clic pe butonul „Salvare” din partea de sus.

Așa arăta butonul de partajare WhatsApp pe site-ul nostru demo.

Previzualizare buton de partajare WhatsApp în FSE

Metoda 2: Adăugați un buton de fereastră de chat WhatsApp în WordPress

Această metodă vă permite să adăugați un buton de fereastră de chat WhatsApp în WordPress.

Acest lucru înseamnă că, atunci când un utilizator face clic pe butonul de chat WhatsApp, va putea să vă trimită un mesaj direct pe numărul dvs. de telefon WhatsApp.

Notă: Nu veți primi mesaje direct în tabloul de bord WordPress, dar veți putea conversa normal în aplicația mobilă WhatsApp, interfața web și software-ul desktop.

Mai întâi, trebuie să instalați și să activați pluginul Click to Chat. Pentru mai multe instrucțiuni, consultați ghidul nostru pas cu pas despre cum se instalează un plugin WordPress.

După activare, accesați elementul de meniu Click to Chat care a fost adăugat în bara laterală a panoului de administrare WordPress.

Aici, începeți prin a introduce numărul dvs. de telefon de afaceri în câmpul „Număr WhatsApp”.

Acesta va fi numărul de telefon la care veți primi mesaje de la utilizatori.

După aceea, puteți tasta un mesaj simplu în câmpul „Mesaj precompletat”. Acesta va fi mesajul implicit care va fi afișat în fereastra de chat WhatsApp.

Furnizați numărul dvs. de telefon WhatsApp

Apoi, trebuie să derulați în jos la secțiunea „Stil, Poziție”.

Puteți începe prin a alege un stil pentru fereastra de chat WhatsApp din meniul derulant. Implicit, acest plugin oferă aproximativ 8 stiluri diferite. Pur și simplu alegeți-l pe cel pe care îl preferați.

Selectați un stil pentru caseta de chat WhatsApp

După aceea, trebuie să derulați în jos la secțiunea „Poziția de plasare”.

De aici, puteți alege poziția și dimensiunea ferestrei de chat din meniurile derulante.

Selectați poziția casetei dvs. de chat

Apoi, trebuie să accesați secțiunea „Setări de afișare”.

Aici, bifați caseta „Global” de lângă opțiunile unde doriți să afișați caseta de chat WhatsApp.

De exemplu, dacă doriți să afișați fereastra de chat pe postările, paginile și paginile de categorii, trebuie să bifați opțiunea „Global”.

Puteți alege, de asemenea, opțiunea „Ascunde” dacă nu doriți să afișați caseta de chat WhatsApp pe o anumită pagină.

Bifați caseta Globală

În cele din urmă, nu uitați să faceți clic pe butonul „Salvare modificări” pentru a stoca setările.

Acum, trebuie să accesați pagina Click to Chat » Greetings pentru a selecta un dialog de salut dintr-un meniu derulant.

Acest dialog de salut va fi afișat împreună cu butonul WhatsApp pe pagina dvs.

Alegeți un dialog de salut din meniul derulant

Odată ce ați făcut alegerea, va trebui să introduceți conținutul pentru antet, conținutul principal și apelul la acțiune al dialogului dvs. de salut.

După aceea, derulați în jos la secțiunea „Design personalizabil”.

Introduceți conținutul pentru dialogul de salut

Odată ajunși aici, puteți alege culorile de fundal pentru conținutul principal, antet și caseta de mesaj.

După aceea, pur și simplu faceți clic pe butonul „Salvează modificările” pentru a vă stoca setările.

Alege culoarea de fundal pentru fereastra de salut

Apoi, trebuie să vizitați site-ul dvs. web.

În mod implicit, așa va arăta caseta de chat WhatsApp.

Caseta de chat WhatsApp pe un site web

Acum, vă vom arăta cum puteți adăuga cu ușurință butonul de chat WhatsApp în editorul de blocuri, ca widget și în editorul complet al site-ului.

Adăugați butonul de chat WhatsApp în editorul de blocuri

Puteți adăuga cu ușurință butonul WhatsApp la o pagină sau postare specifică pe site-ul dvs. WordPress folosind editorul de blocuri.

Pentru acest tutorial, vom adăuga butonul WhatsApp pe o pagină.

Mai întâi, trebuie să accesați pagina Pagini » Adăugare Nouă din bara laterală de administrare.

Aceasta va lansa editorul de blocuri.

Acum, trebuie să faceți clic pe butonul „Adăugare Bloc” (+) din colțul din stânga sus al ecranului și să faceți clic pe blocul „Shortcode”.

Adăugați shortcode în editorul de blocuri

Odată ce blocul „Shortcode” este adăugat, trebuie să copiați și să lipiți următorul shortcode în bloc.

[ht-ctc-chat]

După aceea, pur și simplu faceți clic pe butonul „Publicare” din partea de sus.

Acesta este modul în care arăta butonul WhatsApp pe site-ul nostru demo.

Buton WhatsApp pe o pagină

Adăugarea butonului de chat WhatsApp ca widget

În această metodă, vă vom arăta cum să adăugați cu ușurință butonul WhatsApp ca widget în bara laterală a site-ului dvs. web.

Mai întâi, accesați pagina Aspect » Widgeturi din bara laterală WordPress.

Odată ajuns acolo, pur și simplu faceți clic pe fila „Bară laterală” pentru a o extinde și apoi faceți clic pe butonul „Adăugare bloc” (+). Apoi, localizați și adăugați blocul „Shortcode” în bara laterală.

Adăugați blocul de shortcode în bara laterală

Acum, pur și simplu copiați și lipiți următorul shortcode în bloc.

[ht-ctc-chat]

În final, nu uitați să faceți clic pe butonul „Actualizare” pentru a salva setările.

Așa arăta butonul WhatsApp după ce a fost adăugat în bara laterală pe site-ul nostru demo.

Buton WhatsApp în bara laterală

Adăugarea butonului de chat WhatsApp în editorul complet al site-ului

Dacă utilizați o temă bazată pe blocuri cu un editor complet de site, atunci această metodă este pentru dvs. Mai întâi, accesați pagina Aspect » Editor pentru a lansa editorul complet de site.

Odată ajuns acolo, pur și simplu faceți clic pe butonul „Adăugare bloc” (+) din colțul din stânga sus al ecranului. Acum, localizați și adăugați blocul „Shortcode” în locul preferat de pe site.

Adăugați blocul shortcode în FSE

Odată adăugat blocul, pur și simplu copiați și lipiți următorul shortcode în bloc.

[ht-ctc-chat]

La final, nu uitați să faceți clic pe butonul „Actualizare” din partea de sus pentru a salva modificările.

Așa arăta butonul WhatsApp pe site-ul nostru.

Buton WhatsApp în FSE

Bonus: Adăugați butoane de partajare socială în WordPress

Pe lângă WhatsApp, puteți adăuga butoane de partajare și pentru alte platforme precum Facebook, Instagram sau Twitter. Acest lucru va permite utilizatorilor să partajeze conținutul dvs. pe profilurile lor de social media și să vă îmbunătățească acoperirea.

Puteți face acest lucru folosind pluginul Social Snap. După activare, accesați Social Snap » Setări și alegeți fila „Butoane inline”.

Aceasta va deschide noi setări unde puteți selecta locația butoanelor și puteți alege unde doriți să le afișați pe site-ul dvs. web.

Alegeți unde doriți să afișați butoanele de partajare socială

Odată ce ați terminat, faceți clic pe butonul „Salvează modificările” pentru a stoca setările. Pentru detalii, consultați tutorialul nostru despre cum să adăugați butoane de partajare socială în WordPress.

Sperăm că acest articol v-a ajutat să învățați cum să adăugați un buton de partajare WhatsApp în WordPress. De asemenea, ați putea dori să vedeți selecția noastră de top a celor mai bune software-uri de chat live pentru afaceri mici și tutorialul nostru despre cum să adăugați text-to-speech în WordPress.

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

12 CommentsLeave a Reply

  1. Majoritatea pluginurilor de partajare socială nu includ butoanele de partajare și chat WhatsApp.
    este bine de știut că pluginul sassy social share oferă o soluție holistică pentru partajarea WhatsApp și chatul WhatsApp.

  2. Ok, dacă te înțeleg bine, te referi la faptul că butonul de chat WhatsApp va direcționa vizitatorii direct către aplicația lor mobilă WhatsApp sau vor conversa pe versiunea web WhatsApp direct din Chrome?

    • Folosind butonul de partajare, utilizatorii ar fi trimiși la WhatsApp pentru a începe conversația.

      Admin

  3. Comparativ cu alte opțiuni de partajare socială, cred că WhatsApp, Facebook și Twitter reprezintă majoritatea partajărilor sociale în India. Mulțumesc pentru partajarea acestui articol.

  4. Poți adăuga butonul de distribuire whats app la imagini? Unele dintre postările mele de pe blog sunt pline de imagini și nu aș dori ca URL-ul postării să fie distribuit, ci aș dori ca imaginea specifică din postare să fie distribuită. Este posibil acest lucru?

  5. Ceea ce am observat este că, cu cât adăugați mai multe plugin-uri pe site-ul dvs., cu atât înțelegeți mai puțin ce s-a întâmplat odată ce tema dvs. se blochează.

  6. Cred că ar putea fi util dacă ar exista un fel de descriere a scopului pentru care este folosit plug-in-ul.

  7. Instalată! Mulțumesc.

    Am redus dimensiunea ecranului meu și l-am văzut, dar nu l-am văzut pe mobil totuși

  8. Notă: Această aplicație nu a fost testată cu cele mai recente versiuni de WordPress deasupra versiunii 4.0.7. Site-ul meu folosește WordPress 4.2.4. Cum pot fi sigur că este OK de utilizat?

    • Singura modalitate de a fi 100% sigur este să o testați singur sau să consultați utilizatori care au folosit-o cu versiunea dvs. de WP. Conform notei dezvoltatorilor, ar trebui să funcționeze.

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ă.